/* CSS Document */ /**common**/ * { margin: 0; padding: 0; } body, div, dl, dt, dd, ul, ol, li,h1,/*h2, h3, h4, h5, h6,*/ pre, form, fieldset, input, textarea, blockquote, p { margin: 0; padding: 0; font: 14px/1.5 Arial, \5FAE\8F6F\96C5\9ED1, Helvetica, sans-serif; } table, td, tr, th { border-collapse: collapse; border-spacing: 0; font-size: 14px; } ol, ul { list-style: none; } li { list-style-type: none; } img { vertical-align: middle; border: 0; } h1, h2,/* h3,*/ h4, h5, h6 { font-size: inherit; font-weight: normal; } address, cite, code, em, th, i { font-weight: normal; font-style: normal; } .clear { clear: both; *zoom:1; } .clear:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; } a { text-decoration: none; cursor:pointer; color:#666; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } .fl { float: left; } .fr { float: right; } .w1600 { width: 1600px; margin: 0 auto; } @media screen and (max-width:1600px) and (min-width:1200px) { .w1600 { width: 95%; } } @media screen and (max-width:1199px) and (min-width:1080px) { .w1600 { width: 95%; } } @media screen and (max-width:1079px) and (min-width:768px) { .w1600 { width: 95%; } } @media screen and (max-width:767px) { .w1600 { width: 95%; } } /* 设置滚动条的样式 */ ::-webkit-scrollbar {width:2px;}/* 滚动槽宽度 */ ::-webkit-scrollbar-track { background-color:#f0f0f0; border-radius:0px;} ::-webkit-scrollbar-thumb { background-color:#2463b2;} /* 滚动条滑块默认状态 */ ::-webkit-scrollbar-thumb:window-inactive { background-color:#2463b2;} /* 滚动条滑块点击状态 */ /*========== New 首页样式 begin ==========*/ /*网站头部样式 开始*/ .ly_top {width: 100%;height: 108px;overflow: hidden;padding-top: 20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .ly_logo { width: 45%; float: left; } .ly_logo .logo_l { width: 200px; height: 68px; float: left; line-height: 0; overflow: hidden; margin-right: 35px; } .ly_logo .logo_l img { max-width: 100%; } .ly_logo .logo_r { float: left; padding-left: 34px; background: url("../images/hea-xt.png") no-repeat left; } .ly_logo .logo_r b {display: block;font-size: 26px;color: #333;} .ly_logo .logo_r em {display: block;font-size: 16px;color: #999;} .top_r {width: 35%;float: right;} .top_r .ss { width: 38%; float: left; } .top_r .ss .search {background: #ffffff;overflow: hidden;margin: 11px 0;width: 100%;} .top_r .ss .search .input {width: 80%;height: 40px;background: #eff0f2;border: 1px solid #eff0f2;border-radius: 100px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding: 0 20px;line-height: 40px;transition: 0.3s;border-top-right-radius: 0;border-bottom-right-radius: 0;border-right: 0;outline: none;} .top_r .ss .search .submit {width: 20%;height: 40px;background: url("../images/ss.png") no-repeat center #eff0f2;cursor: pointer;border: none;outline: none;border: 1px solid #eff0f2;border-left: 0;border-radius: 100px;border-top-left-radius: 0;border-bottom-left-radius: 0;} .top_r .top_tel {width: 40%;float: left;margin: 10px 0 0 5%;background: url("../images/top_tel.png") no-repeat left center;padding-left: 49px;background-size: 35px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .top_r .top_tel b {color: #010101;font-size: 28px;} .top_r .top_en { width: 10%; float: right; background: url("../images/en.png") no-repeat left center; padding-left: 25px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-top: 18px; } .top_r .top_en span { color: #777; font-size: 17px; } .top_r .top_en span a { color: #777; } @media screen and (max-width:1599px) and (min-width:1300px) { .ly_logo { width: 58%; } .top_r { width: 40%; } .top_r .top_tel { padding-left: 40px; background-size: 30px 30px; } .top_r .top_tel b { font-size: 25px; } } @media screen and (max-width:1299px) and (min-width:1151px) { .ly_logo { width: 56%; } .ly_logo .logo_l { margin-right: 25px; } .ly_logo .logo_r { padding-left: 24px; } .ly_logo .logo_r b { font-size: 25px; } .top_r { width: 42%; } .top_r .top_tel { padding-left: 40px; background-size: 30px 30px; margin-left: 5%; width: 45%; } .top_r .top_tel b { font-size: 25px; } } @media screen and (max-width:1150px) and (min-width:1080px) { .ly_logo { width: 30%; } .ly_logo .logo_r { display: none; } .top_r { width: 65%; } } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_logo { width: 30%; } .ly_logo .logo_r { display: none; } .top_r { width: 65%; } } @media screen and (max-width:1023px) and (min-width:768px) { .ly_top { padding-top: 20px; height: 105px; } .ly_logo .logo_r { display: none; } .top_r .top_tel { display: none; } .top_r .ss { width: 80%; } .top_r { float: left; margin-top: 0; } } @media (max-width: 767px) { .ly_top { height: auto; padding: 15px 0; } .ly_logo .logo_r { display: none; } .ly_logo .logo_l img { max-width: 80%; } .top_r { width: 100%; margin: 0; } .top_r .top_tel { display: none; } .top_r .ss { width: 80%; } .top_r .ss .search { margin: 5px 0; } .top_r .top_en { width: auto; margin-top: 10px; } } /*网站头部样式 结束*/ /*导航栏样式 开始*/ .ly_nav {width: 100%;height: 56px;margin: 0;padding: 0;background: #00458d;} .nav_ul {height: 56px;margin: 0 auto;padding: 0;display: flex;} .nav_item { position: relative; margin: 0; padding: 0; -webkit-flex: 1; -ms-flex: 1; -moz-flex: 1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .nav {height: 56px;margin: 0px auto;padding: 0;position: relative;} .nav_item > a {display: block;width: 100%;height: 56px;line-height: 56px;color: #fff;font-size: 18px;text-align: center;-webkit-transition: all .4s;transition: all .4s;position: relative;} .nav_item > a em { display: none; width: 80px; height: 3px; overflow: hidden; margin: 0 0 0 -40px; background-color: #F00; position: absolute; bottom: 0; left: 50%; } .nav_item:first-child > a em{ width:40px; margin:0 0 0 -20px;} .nav_item:hover > a, .nav_item.on, .nav_item.on a { color: #39F; } .nav_item.on ul li a{ color:#666;} .nav_item:hover > a em, .nav_item.on a em { display: block; } .menu_open { display: none; } .nav_item_open {width: 80%;height: auto;position: absolute;left: 10%;top: 100%;z-index: 10;background-color: #fff;box-shadow: 0 4px 8px 0 rgba(0, 12, 49, 0.1);border-radius: 0;opacity: 0;visibility: hidden;-webkit-transform: translateY(34px);transform: translateY(34px);-webkit-transition: all .4s;transition: all .4s;overflow: hidden;} .ny_top .nav_item_open { background-color: #fff; } .nav_item:hover .nav_item_open { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } .subopen { display: none; } .nav_item2 { width: 100%; } .nav_item2 a {display: block;width: 100%;height: 50px;overflow: hidden;line-height: 50px;padding: 0 10px;color: #666;font-size: 15px;white-space: nowrap;text-overflow: ellipsis;text-align: center;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .ny_top .nav_item2 a { color: #565656; } .nav_item2:hover a { background-color: #184d8f; color: #fff; } .nav_item.on .nav_item2:hover a{ color:#fff;} .hcover { display: none; } @media screen and (min-width:1440px) and (max-width:1599px) { } @media screen and (min-width:1360px) and (max-width:1439px) { } @media screen and (min-width:1280px) and (max-width:1359px) { } @media screen and (min-width:768px) and (max-width:1023px) { .ly_nav { width: auto; height: auto; } .menu_open { display: block; float: right; width: 45px; height: 45px; padding: 5px 0; position: absolute; top: 30px; right: 10px; box-sizing: border-box; z-index: 98; cursor: pointer; background-color: #015dc0; } .menu_open i { width: 22px; height: 1px; background-color: #fff; display: block; margin: 8px auto; } .nav { width: 50%; height: 100%; position: fixed; top: 0; left: -50%; z-index: 100; overflow: hidden; background-color: rgba(13,81,152,0.99); } .hcover { display: block; width: 50%; height: 100%; background: rgba(0, 0, 0, .7); position: fixed; right: -50%; top: 0; z-index: 99; } .nav_ul { display: block; margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; padding: 0; text-align: left; } .nav_item { float: none; margin: 0; width: 100%; height: 60px; } .nav_item:after { content: ''; display: block; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .nav_item > a { display: block; margin: 0; height: 60px; line-height: 60px; color: rgba(255,255,255,0.5); font-size: 16px; text-align: left; padding: 0 60px 0 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; opacity: 1; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .nav_item > a:active { } .nav_item > a.navon { opacity: 1; } .nav_item:hover > a, .nav_item.on { color: #fff; } .nav_item > a em { width: 30px; height: 2px; left: 30px; margin: 0; } .nav_item i { position: absolute; z-index: 2; top: 0; right: 0; width: 60px; height: 100%; display: block; } .nav_item i:after { content: ''; display: block; width: 12px; height: 12px; margin: -6px 0 0 -6px; border: 1px solid rgba(255, 255, 255, 0.5); border-top: 0; border-left: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .nav_item_open { width: 50%; height: 100%; margin: 0; box-shadow: none; background-color: rgba(13,81,152,1); border-radius: 0; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px); position: fixed; left: -50%; top: 0; } .subopen { display: block; } .subopen a { display: block; overflow: hidden; line-height: 60px; margin: 0; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; color: #fff; text-indent: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; } .subopen a:before { content: ''; display: block; width: 12px; height: 12px; position: absolute; left: 20px; top: 50%; margin: -6px 0 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 1px solid rgba(255, 255, 255, 1); border-right: 0; border-bottom: 0; } .nav_item2 { position: relative; } .nav_item2 a { display: block; overflow: hidden; margin: 0; height: 60px; line-height: 60px; color: rgba(255,255,255,0.5); font-size: 16px; text-align: left; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; opacity: 1; } .nav_item2:after { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .nav_item2 a:hover, .nav_item2 a:active { color: #fff; } } @media screen and (max-width:767px) { .ly_nav { width: auto; background: none; height: auto; } .menu_open { display: block; float: right; width: 45px; height: 45px; padding: 5px 0; position: absolute; top: 20px; right: 10px; box-sizing: border-box; z-index: 98; cursor: pointer; background-color: #015dc0; } .menu_open i { width: 22px; height: 1px; background-color: #fff; display: block; margin: 8px auto; } .nav { width: 50%; height: 100%; position: fixed; top: 0; left: -50%; z-index: 100; overflow: hidden; background-color: rgba(13,81,152,0.99); } .hcover { display: block; width: 50%; height: 100%; background: rgba(0, 0, 0, .7); position: fixed; right: -50%; top: 0; z-index: 99; } .nav_ul { display: block; margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; padding: 0; text-align: left; } .nav_item { float: none; margin: 0; width: 100%; height: 60px; } .nav_item:after { content: ''; display: block; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .nav_item > a { display: block; margin: 0; height: 60px; line-height: 60px; color: rgba(255,255,255,0.5); font-size: 15px; text-align: left; padding: 0 60px 0 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; opacity: 1; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .nav_item > a:active { } .nav_item > a.navon { opacity: 1; } .nav_item:hover > a, .nav_item.on { color: #fff; } .nav_item > a em { width: 30px; height: 2px; left: 20px; margin: 0; } .nav_item i { position: absolute; z-index: 2; top: 0; right: 0; width: 60px; height: 100%; display: block; } .nav_item i:after { content: ''; display: block; width: 10px; height: 10px; margin: -5px 0 0 -5px; border: 1px solid rgba(255, 255, 255, 0.5); border-top: 0; border-left: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .nav_item_open { width: 50%; height: 100%; margin: 0; box-shadow: none; background-color: rgba(13,81,152,1); border-radius: 0; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px); position: fixed; left: -50%; top: 0; } .subopen { display: block; } .subopen a { display: block; overflow: hidden; line-height: 60px; margin: 0; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; color: #fff; text-indent: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; } .subopen a:before { content: ''; display: block; width: 12px; height: 12px; position: absolute; left: 20px; top: 50%; margin: -6px 0 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 1px solid rgba(255, 255, 255, 1); border-right: 0; border-bottom: 0; } .nav_item2 { position: relative; } .nav_item2 a { display: block; overflow: hidden; margin: 0; height: 60px; line-height: 60px; color: rgba(255,255,255,0.5); font-size: 15px; text-align: left; padding: 0 20px; white-space: nowrap; text-overflow: ellipsis; opacity: 1; } .nav_item2:after { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .nav_item2 a:hover, .nav_item2 a:active { color: #fff; } } /*导航栏样式 结束*/ /*首页banner*/ .f-center { text-align: center; } .f-14 { font-size: 14px; margin-top: 10px; } .pcimg { width: 100%; height: auto; } .moimg { display: none; } .banner .swiper-slide img { display: block; width: 100%; left: 0px; top: 0px; } .bannerPic { position: relative; width: 100%; height: auto;/* transition: all 1s ease 2.5s; transform: perspective(1000px) translate3d(0, 0, 100px);*/ } .swiper-slide.active .bannerPic { transition: all 5s ease 0s; transform: perspective(1000px) translate3d(0, 0, 0px); } .banner .swiper-slide .ind_ban_tex { position: absolute; width: 100%; top: 50%; left: 0px; transform: translateY(-50%); } .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en { font-size: 40px; font-family: 'Oswald', impact, Arial, sans-serif !important; line-height: 1.2; color: #ffffff; text-shadow: 3px 0 10px rgba(22, 78, 145, 0.4); transform: translateY(80px); opacity: 0; margin-bottom: 10px; } .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title { color: #ffffff; font-size: 40px; font-weight: bold; line-height: 1.8; text-shadow: 3px 0 10px rgba(22, 78, 145, 0.4); transform: translateY(80px); opacity: 0; } .banner .swiper-slide .ind_ban_tex .b_line { width: 50px; margin: 10px auto 20px; height: 2px; background: #fff; transform: translateY(80px); opacity: 0; } .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info { color: #ffffff; line-height: 1.5; font-size: 18px; text-shadow: 3px 0 10px rgba(22, 78, 145, 0.4); transform: translateY(80px); opacity: 0; } .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info .infoen { font-size: 14px; letter-spacing: 0px; } .banner .swiper-slide.active .ind_ban_tex_title_en { transition: all 2s ease .5s; transform: translateY(0); opacity: 1; } .banner .swiper-slide.active .ind_ban_tex_title { transition: all 2s ease .7s; transform: translateY(0); opacity: 1; } .banner .swiper-slide.active .b_line { transition: all 2s ease .8s; transform: translateY(0); opacity: 1; } .banner .swiper-slide.active .ind_ban_tex_info { transition: all 2s ease 1s; transform: translateY(0); opacity: 1; } .banner .swiper-button-next.swiper-button-disabled { background-color: rgba(0, 0, 0, 0.3); } .banner .swiper-button-prev.swiper-button-disabled { background-color: rgba(0, 0, 0, 0.3); } .banner .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #ffffff; margin: 0 14px; opacity: 0.5; color: transparent; } .banner .swiper-pagination-bullet-active { opacity: 1; width: 42px; height: 42px; line-height: 42px; text-align: center; border: 2px solid rgba(255, 255, 255, 0.4); background-color: transparent; color: #ffffff; } .banner .swiper-pagination-bullet-active .rightcircle { -webkit-animation: circleProgressLoad_right 6s linear infinite; animation: circleProgressLoad_right 6s linear infinite; } .banner .swiper-pagination-bullet-active .leftcircle { -webkit-animation: circleProgressLoad_left 6s linear infinite; animation: circleProgressLoad_left 6s linear infinite; } .banner .swiper-pagination-bullet-active .wrapper_con { display: block; } .banner .swiper-pagination { font-size: 0px; } .banner .swiper-pagination > span { display: inline-block; vertical-align: middle; position: relative; } .banner .swiper-container-rtl .swiper-button-next { left: calc(8.335% - 32px); } .banner .swiper-container-rtl .swiper-button-prev { right: calc(8.335% - 32px); } .banner .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 5%; } .banner .swiper-pagination-custom { bottom: 5%; } .banner .swiper-pagination-fraction { bottom: 5%; } .right { right: -2px; } .left { left: -2px; } .circleProgress { width: 42px; height: 42px; border: 2px solid transparent; border-radius: 50%; position: absolute; top: 0px; -webkit-transform: rotate(-135deg); } .rightcircle { border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; right: 0px; } .leftcircle { border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; left: 0px; } .wrapper_con { width: 21px; height: 42px; position: absolute; top: -2px; overflow: hidden; display: none; } @keyframes circleProgressLoad_right { 0% { transform:rotate(45deg); } 50%, 100% { transform:rotate(225deg); } } @keyframes circleProgressLoad_left { 0%, 50% { transform:rotate(45deg); } 100% { transform:rotate(225deg); } } .banner * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 1366px) and (min-width: 1025px) { .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en { font-size: 32px; } .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title { font-size: 38px; } .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info { font-size: 16px; letter-spacing: 10px; } } @media only screen and (max-width: 1024px) and (min-width: 768px) { .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en { font-size: 26px; } .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title { font-size: 20px; } .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info { letter-spacing: 5px; font-size: 16px; } } @media only screen and (max-width: 767px) { .moimg { display: block; height: 100%; } .pcimg { display: none; } .banner .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; } .banner .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 6px !important; } .rightcircle { display: none; } .banner .swiper-pagination-bullet-active .wrapper_con { display: none; } .f-14 { display: none; } .banner .swiper-slide .ind_ban_tex { top: 50%; padding: 0 1%; } .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en { font-size: 18px; } .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title { font-size: 16px; } .banner .swiper-slide .ind_ban_tex .b_line { width: 30px; } .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info { font-size: 12px; width: 80%; margin: 0 auto; letter-spacing: 0px; display: none; } .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info .infoen { display: none; } } /*首页banner 结束*/ /*首页公司简介 开始*/ .ly_idxAbout { width: 100%; background: #fff; overflow: hidden; padding: 60px 0 0; } .lyIdx_title { width: 100%; text-align: center; padding: 0 3%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 30px; } .lyIdx_title p { font-size: 48px; background: linear-gradient(to top, #fff, #a5adb7); display: inline-block; -webkit-background-clip: text; color: transparent; opacity: 0.5; font-weight:500; text-transform:uppercase; } .lyIdx_title b { display: block; font-size: 40px; color: #333; } .lyIdx_title span { color: #999; font-size: 18px; display: block; margin-top: 10px; } .idxAbout_main { background: url("../images/about_bg.png") no-repeat right bottom; } .idxAbout_main .abtcon { padding: 25px 0 60px; overflow: hidden; } .idxAbout_main .abtcon .ab_img { width: 32%; height: 500px; float: left; position: relative; overflow: hidden; } .idxAbout_main .abtcon .ab_img img { display: block; width: 100%; height: 100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .idxAbout_main .abtcon .ab_img:hover img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); } .idxAbout_main .abtcon .ab_img em { display: block; background: url("../images/video-btn.png") no-repeat center; cursor: pointer; position: absolute; right: 0; left: 0; top: 0; bottom: 0; margin: auto; z-index: 2; } .idxAbout_main .abtcon .abr { width: 63%; float: right; } .idxAbout_main .abtcon .abr b { display: block; padding: 20px 0 20px 0; font-size: 36px; color: #333; font-weight: normal; } .idxAbout_main .abtcon .abr .About_text { line-height: 33px; font-size: 16px; color: #777; text-indent: 2em; height: 105px; overflow: hidden; } .idxAbout_main .abtcon .abr .About_text p{ font-size:16px; line-height:33px !important;} .idxAbout_main .abtcon .abr ul { padding: 40px 0; overflow: hidden; } .idxAbout_main .abtcon .abr ul li { width: 170px; height: 170px; margin-right: 75px; text-align: center; background: #cdcdcd; border-radius: 85px; float: left; padding-top: 35px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .idxAbout_main .abtcon .abr ul li:last-child { margin-right: 0; } .idxAbout_main .abtcon .abr ul li .ico_img { margin-bottom: 10px; } .idxAbout_main .abtcon .abr ul li:hover { background: #2463b2; } .idxAbout_main .abtcon .abr ul li p { font-size: 18px; color: #FFF; } .idxAbout_main .abtcon .abr ul li span { display: block; font-size: 12px; color: #FFF; text-transform:uppercase; } .idxAbout_main .abtcon .abr .more { width: 160px; height: 46px; line-height: 46px; font-size: 17px; text-align: center; color: #2463b2; border: 1px solid #2463b2; border-radius: 50px; display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .idxAbout_main .abtcon .abr .more:hover { background: #2463b2; color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media screen and (max-width:1599px) and (min-width:1200px) { .idxAbout_main .abtcon .abr ul li { margin-right: 25px; width: 150px; height: 150px; } } @media screen and (max-width:1199px) and (min-width:1080px) { .idxAbout_main .abtcon .ab_img{ width:40%;} .idxAbout_main .abtcon .abr{ width:55%;} .idxAbout_main .abtcon .abr ul li {width: 135px;height: 135px;margin-right: 5px; padding-top:25px; } .idxAbout_main .abtcon .abr .About_text{ height:130px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .idxAbout_main .abtcon { padding: 20px 0 40px; } .lyIdx_title p { font-size: 40px; } .idxAbout_main .abtcon .ab_img { width: 100%; height: auto; } .idxAbout_main .abtcon .ab_img img { height: 450px; object-fit: cover; } .idxAbout_main .abtcon .abr { width: 100%; margin-top: 20px; } .idxAbout_main .abtcon .abr ul { padding: 30px 0 40px; } .idxAbout_main .abtcon .abr ul li { margin-right: 40px; } .idxAbout_main .abtcon .abr b { font-size: 30px; } } @media screen and (max-width:1023px) and (min-width:768px) { .ly_idxAbout { padding: 40px 0 0; } .lyIdx_title p { font-size: 40px; } .idxAbout_main .abtcon { padding: 20px 0 40px; } .idxAbout_main .abtcon .ab_img { width: 100%; height: auto; } .idxAbout_main .abtcon .ab_img img { height: 400px; object-fit: cover; } .idxAbout_main .abtcon .abr { width: 100%; margin-top: 20px; } .idxAbout_main .abtcon .abr ul { padding: 30px 0 40px; } .idxAbout_main .abtcon .abr ul li { height: 160px; width: 160px; margin-right: 20px; } .idxAbout_main .abtcon .abr b { font-size: 30px; } } @media (max-width: 767px) { .ly_idxAbout { padding: 40px 0 0; } .lyIdx_title p { font-size: 30px; } .lyIdx_title b { font-size: 30px; } .lyIdx_title span { font-size: 15px; line-height: 25px; } .idxAbout_main .abtcon { padding: 20px 0 40px; } .idxAbout_main .abtcon .ab_img { width: 100%; height: auto; } .idxAbout_main .abtcon .ab_img img { width: auto; height: auto; max-width: 100%; margin: 0 auto; } .idxAbout_main .abtcon .abr { width: 100%; } .idxAbout_main .abtcon .abr b { font-size: 24px; } .idxAbout_main .abtcon .abr .About_text { font-size: 15px; line-height: 30px; height: 95px; } .idxAbout_main .abtcon .abr .more { width: 130px; height: 40px; line-height: 40px; margin-top: 20px; font-size: 14px; } .idxAbout_main .abtcon .abr ul { display: none; } } /*首页公司简介 结束*/ /*首页推荐产品 开始*/ .ly_idxProTj { width: 100%; background: #f7f7f7; overflow: hidden; padding: 60px 0 80px; } .idxProtj_main { width:100%; position: relative; padding: 70px 0; background:url("../images/pro_bg.png") no-repeat center bottom; background-size: 100%; } .idxProtj_main ul li { float: left; width: 25%; background: #fff; padding: 20px 3%; border-right: 1px solid #f1f1f1; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .idxProtj_main ul li:nth-child(4n) { margin-right: 0; } .idxProtj_main ul li:hover { box-shadow: 3px 3px 10px rgba(0,0,0,.1); z-index: 99999; } .idxProtj_main ul li .indpro_img { width: 100%; height: 290px; } .idxProtj_main ul li .indpro_img a { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; } .idxProtj_main ul li .indpro_img a img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 100%; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; } .idxProtj_main ul li:hover .indpro_img a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } .idxProtj_main ul li .indpro_name { display: block; font-size: 20px; color: #333; text-align: center; height: 40px; line-height: 40px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; } .idxProtj_main ul li:hover .indpro_name { color: #2463b2; } .idxProtj_main ul li span { color: #777; display: block; line-height: 30px; height: 30px; overflow: hidden; display: -webkit-Box; -webkit-Box-orIEnt: vertical; -webkit-line-clamp: 2; font-size: 16px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .idxProtj_main ul li .indpro_more { display: block; width: 150px; height: 45px; line-height: 45px; text-align: center; color: #67686c; margin: 15px auto; border-radius: 50px; font-size: 16px; overflow: hidden; position: relative; border: 1px solid #d5d8d7; } .idxProtj_main ul li .indpro_more a { color: #67686c; } .idxProtj_main ul li .indpro_more a i { color: #d0d0d0; } .idxProtj_main ul li:hover .indpro_more { background: #2463b2;border: 1px solid #2463b2; } .idxProtj_main ul li:hover .indpro_more a { color: #fff; } .idxProtj_main ul li:hover .indpro_more a i { color: #fff; } .idxProtj_main .swiper-container2 { overflow: hidden; position: relative; } .idxProtj_main .swiper-button-prev, .idxProtj_main .swiper-button-next { width: 55px!important; height: 55px!important; top: 50%!important; margin: 0!important; border-radius: 50%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .idxProtj_main .swiper-button-prev { background: url("../images/pre01.png") center center no-repeat; background-size: 55px 55px; left: 50px; } .idxProtj_main .swiper-button-next { background: url("../images/next01.png") center center no-repeat; background-size: 55px 55px; right: 50px; } @media screen and (max-width:1599px) and (min-width:1080px) { .idxProtj_main .swiper-button-prev, .idxProtj_main .swiper-button-next { display: none; } .idxProtj_main { padding-top: 20px; } } @media screen and (max-width:1079px) and (min-width:1024px) { .idxProtj_main { padding-top: 10px; } .idxProtj_main .swiper-button-prev, .idxProtj_main .swiper-button-next { display: none; } } @media screen and (max-width:1023px) and (min-width:768px) { .ly_idxProTj { padding: 40px 0; } .idxProtj_main { padding-top: 0; } .idxProtj_main .swiper-button-prev, .idxProtj_main .swiper-button-next { display: none; } } @media (max-width: 767px) { .ly_idxProTj { padding: 40px 0; } .idxProtj_main { padding-top: 0; } .idxProtj_main .swiper-button-prev, .idxProtj_main .swiper-button-next { display: none; } } /*首页推荐产品 结束*/ /*idx_Products 开始*/ .idx_Products { width: 100%; overflow: hidden; margin: 0 auto; padding: 0; position: relative; } .idx_Products .idxPro_main { width: 100%; max-width: 1600px; height: auto; margin: 0 auto; padding: 0; position: relative; } .tabOther { display: none; } .idxPro_main .idxPro_tit { width: 100%; overflow: hidden; color: #333; font-size: 24px; margin: 0 0 20px 0; padding: 0; } .idxPro_tit p {font-size: 48px;background: linear-gradient(to top, #fff, #363636);display: inline-block;-webkit-background-clip: text;color: transparent;opacity: 0.3;text-transform: uppercase;margin-top: 30px;} .idxPro_tit b { font-size: 40px; display: block; color: #333; margin-top: -10px; } .idx_Products .idxPro_menu {width: 62.5%;overflow: hidden;margin: 0;padding: 36px 20px 36px 50px;background-color: #2463b2;position: absolute;top: 3%;right: 0;z-index: 2;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;max-height:120px;overflow:hidden;} .idx_Products .idxPro_menu p{ max-height:50px; overflow:hidden;} .idxPro_menu a { display: block; width: 15%; height: 48px; overflow: hidden; line-height: 48px; color: #fff; font-size: 18px; text-align: center; white-space: nowrap; text-overflow: ellipsis; margin: 0 1% 0 0; padding: 0 1%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .idxPro_menu a:hover, .idxPro_menu a.idxProMenu_on { color: #fff; font-weight: bold; border: 1px solid #fff; border-radius: 50px; } .idx_Products .idxPro_list {width: 100%;height: auto;margin: 20px auto 0;padding: 100px 0 40px;background: #f2f2f2;position: relative;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .idxPro_list ul { width: 100%; max-width: 1600px; height: auto; margin: 0 auto; padding: 0; position: relative; } .idxPro_list ul li { width: 23%; height: auto; margin: 0 2.666666% 40px 0;padding: 15px; background-color: #fff;float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 5px; } .idxPro_list ul li:nth-child(4n+4) { margin: 0 0 40px; } .idxPro_list ul li .idxPro_con { width: 100%; height: 390px; overflow: hidden; margin: 0 auto; padding: 1px; border: 1px solid #ededed; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .idxPro_list ul li .idxPro_con .idxPro_img { width: 100%; height: 290px; overflow: hidden; margin: 0 auto 20px; padding: 0; } .idxPro_list ul li .idxPro_con .idxPro_img a { display: block; width: 100%; height: 100%; overflow: hidden; margin: 0 auto; padding: 0; position: relative; } .idxPro_list ul li .idxPro_con .idxPro_img a img { display: block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .idxPro_list ul li:hover .idxPro_con .idxPro_img a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); margin-top: 50px; } .idxPro_list ul li .idxPro_con .idxPro_name { width: 100%; height: auto; overflow: hidden; margin: 0 auto 0; padding: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .idxPro_list ul li .idxPro_con .idxPro_name a { display: block; width: 100%; height: 50px; overflow: hidden; line-height: 50px; color: #333; font-size: 18px; text-align: center; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto; padding: 0 3%; box-sizing: border-box; } .idxPro_list ul li .idxPro_con .idxPro_name a i { display: none; } .idxPro_list ul li .idxPro_con .idxPro_name em { display: block; width: 30px; height: 3px; overflow: hidden; background-color: #0d5198; margin: 0 auto 8px; padding: 0; } .idxPro_list ul li:hover .idxPro_con { padding: 10px; } .idxPro_list ul li:hover .idxPro_con .idxPro_name { height: 100%; padding: 120px 10px 10px; position: absolute; left: 0; top: 0; background-color: rgba(36,99,178,0.8); } .idxPro_list ul li:hover .idxPro_con .idxPro_name a { height: auto; color: #fff; } .idxPro_list ul li:hover .idxPro_con .idxPro_name a i { display: block; width: 66px; height: 66px; overflow: hidden; margin: 0 auto 10px; padding: 0; background: url("../images/pro_hover.png") center center no-repeat; background-size: 66px 66px; } .idxPro_list ul li:hover .idxPro_con .idxPro_name em { background-color: #fff; margin-top: 10px; } @media screen and (width:1600px) { .idx_Products .idxPro_main { width: 94%; max-width: inherit; padding: 0 3%; } .idx_Products .idxPro_menu { width: 70%; } .idxPro_list ul { max-width: inherit; } .idx_Products .idxPro_list { padding: 80px 40px 40px; } } @media screen and (min-width:1440px) and (max-width:1599px) { .idx_Products .idxPro_main { width: 94%; max-width: inherit; padding: 0 3%; } .idx_Products .idxPro_menu { width: 70%; } .idxPro_menu a { font-size: 15px; } .idxPro_list ul { max-width: inherit; } .idx_Products .idxPro_list { padding: 80px 40px 40px; } .idxProFir_con .idxProTit_text .idxProTit_name a { font-size: 19px; } .idxPro_list ul li .idxPro_con .idxPro_name a { font-size: 15px; } } @media screen and (min-width:1360px) and (max-width:1439px) { .idx_Products .idxPro_main { width: 94%; max-width: inherit; padding: 0 3%; } .idxProFir_con .idxPro_more { left: 19px; bottom: 19px; } .idx_Products .idxPro_menu { width: 70%; } .idxPro_menu a { font-size: 15px; } .idxPro_list ul { max-width: inherit; } .idx_Products .idxPro_list { padding: 80px 40px 40px; } .idxPro_list ul li { width: 23.5%; margin: 0 2% 30px 0; } .idxPro_list ul li:nth-child(4n+4) { margin: 0 0 30px; } .idxPro_list ul li.idxPro_first .idxProFir_con { height: 240px; padding: 19px; } .idxProFir_con .idxProTit_text .idxProTit_name a { font-size: 19px; } .idxPro_list ul li .idxPro_con .idxPro_name a { font-size: 15px; } .idxPro_list ul li .idxPro_con { height: 290px; } .idxPro_list ul li .idxPro_con .idxPro_img { height: 180px; } .idxPro_list ul li:hover .idxPro_con .idxPro_name { padding: 50px 10px 10px; } } @media screen and (min-width:1280px) and (max-width:1359px) { .idx_Products .idxPro_main { width: 94%; max-width: inherit; padding: 0 3%; } .idx_Products .idxPro_menu { padding: 36px 60px 36px 20px; } .idxPro_menu a { font-size: 16px; } .idxPro_list ul { max-width: inherit; } .idx_Products .idxPro_list { padding: 80px 40px 15px; } .idxPro_list ul li { width: 23.5%; margin: 0 2% 25px 0; } .idxPro_list ul li:nth-child(4n+4) { margin: 0 0 25px; } .idxPro_list ul li.idxPro_first .idxProFir_con { height: 240px; padding: 19px; } .idxPro_list ul li .idxPro_con .idxPro_name a { font-size: 15px; } .idxPro_list ul li .idxPro_con { height: 290px; } .idxPro_list ul li .idxPro_con .idxPro_img { height: 180px; } .idxPro_list ul li:hover .idxPro_con .idxPro_name { padding: 60px 10px 10px; } .idxPro_list ul li:hover .idxPro_con .idxPro_name a i { margin: 0 auto 20px; } } @media screen and (min-width:1080px) and (max-width:1279px) { .idx_Products .idxPro_main { width: 94%; max-width: inherit; padding: 0 3%; } .idxPro_tit p { font-size: 40px; } .idx_Products .idxPro_menu { padding: 30px 60px 30px 20px; top:16%; } .idxPro_menu a { font-size: 15px; } .idxPro_list ul { max-width: inherit; } .idx_Products .idxPro_list { padding: 60px 40px 15px; } .idxPro_list ul li { width: 23.5%; margin: 0 2% 25px 0; } .idxPro_list ul li:nth-child(4n+4) { margin: 0 0 25px; } .idxPro_list ul li .idxPro_con .idxPro_name a { font-size: 15px; } .idxPro_list ul li .idxPro_con { height: 280px; } .idxPro_list ul li .idxPro_con .idxPro_img { height: 180px; } .idxPro_list ul li:hover .idxPro_con .idxPro_name { padding: 60px 10px 10px; } .idxPro_list ul li:hover .idxPro_con .idxPro_name a i { margin: 0 auto 20px; } } @media screen and (min-width:1024px) and (max-width:1079px) { .idx_Products .idxPro_main { width: 94%; max-width: inherit; padding: 0 3%; } .idxPro_tit p { font-size: 40px; margin-top: 30px; } .idx_Products .idxPro_menu { width: 100%; padding: 30px 40px 20px; position: inherit; top: inherit; right: inherit; } .idxPro_menu a { height: 40px; line-height: 40px; font-size: 15px;margin-bottom:5px; } .idxPro_list ul { max-width: inherit; } .idx_Products .idxPro_list { margin: 0 auto; padding: 40px 40px 10px; } .idxPro_list ul li { width: 48%; margin: 0 4% 30px 0; } .idxPro_list ul li:nth-child(4n+4) { margin: 0 4% 30px 0; } .idxPro_list ul li:nth-child(2n+2) { margin: 0 0 30px; } .idxPro_list ul li.idxPro_first .idxProFir_con { height: 260px; padding: 19px; } .idxPro_list ul li .idxPro_con .idxPro_name a { font-size: 15px; } .idxPro_list ul li .idxPro_con { height: 290px; } .idxPro_list ul li .idxPro_con .idxPro_img { height: 200px; } .idxPro_list ul li:hover .idxPro_con .idxPro_name { padding: 60px 10px 10px; } .idxPro_list ul li:hover .idxPro_con .idxPro_name a i { margin: 0 auto 20px; } } @media screen and (max-width:1023px) and (min-width:768px) { .idx_Products .idxPro_main { width: 94%; max-width: inherit; padding: 0 3%; } .idxPro_tit p { font-size: 40px; margin-top: 30px; } .idx_Products .idxPro_menu { width: 100%; padding: 30px 40px 20px; position: inherit; top: inherit; right: inherit; } .idxPro_menu a { height: 40px; line-height: 40px; font-size: 15px;margin-bottom:5px; } .idxPro_list ul { max-width: inherit; } .idx_Products .idxPro_list { margin: 0 auto; padding: 40px 40px 10px; } .idxPro_list ul li { width: 48%; margin: 0 4% 30px 0; } .idxPro_list ul li:nth-child(4n+4) { margin: 0 4% 30px 0; } .idxPro_list ul li:nth-child(2n+2) { margin: 0 0 30px; } .idxPro_list ul li.idxPro_first .idxProFir_con { height: 260px; padding: 19px; } .idxPro_list ul li .idxPro_con .idxPro_name a { font-size: 15px; } .idxPro_list ul li .idxPro_con { height: 290px; } .idxPro_list ul li .idxPro_con .idxPro_img { height: 200px; } .idxPro_list ul li:hover .idxPro_con .idxPro_name { padding: 60px 10px 10px; } .idxPro_list ul li:hover .idxPro_con .idxPro_name a i { margin: 0 auto 20px; } .idx_Products .idxPro_menu{ max-height:inherit;} .idx_Products .idxPro_menu p{ max-height:inherit;} } @media (max-width: 767px) { .idx_Products .idxPro_main { width: 94%; max-width: inherit; padding: 0 3%; } .idx_Products .idxPro_menu { width: 100%; padding: 20px; position: inherit; top: inherit; right: inherit; } .idxPro_tit p { font-size: 30px; margin-top: 25px; } .idxPro_tit b { font-size: 30px; } .idxPro_menu a { width: 48%; height: 40px; line-height: 40px; color: #fff; font-size: 15px; margin-bottom:5px; } .idxPro_menu a:hover, .idxPro_menu a.idxProMenu_on { color: #fff; font-weight: bold; border-radius: 24px; } .idxPro_list ul { max-width: inherit; } .idx_Products .idxPro_list { margin: 0 auto; padding: 20px 20px 0; } .idxPro_list ul li { width: 100%; margin: 0 auto 20px; } .idxPro_list ul li:nth-child(4n+4) { margin: 0 auto 20px; } .idxPro_list ul li:nth-child(2n+2) { margin: 0 auto 20px; } .idxPro_list ul li.idxPro_first .idxProFir_con { height: auto; padding: 19px 19px 89px; } .idxPro_list ul li .idxPro_con .idxPro_name a { font-size: 15px; } .idxPro_list ul li .idxPro_con { height: 290px; } .idxPro_list ul li .idxPro_con .idxPro_img { height: 200px; } .idxPro_list ul li:hover .idxPro_con .idxPro_name { padding: 80px 10px 10px; } .idxPro_list ul li:hover .idxPro_con .idxPro_name a i { margin: 0 auto 20px; } .idx_Products .idxPro_menu{ max-height:inherit;} .idx_Products .idxPro_menu p{ max-height:inherit;} } @media (max-width: 375px) { .idxPro_tit span { font-size: 28px; } } @media (max-width: 320px) { .idxPro_main .idxPro_tit { font-size: 18px; } .idxPro_tit span { font-size: 24px; } .idxPro_menu a { font-size: 14px; padding: 0 16px; } .idxPro_list ul li .idxPro_con { height: 270px; } .idxPro_list ul li .idxPro_con .idxPro_img { height: 180px; } .idxPro_list ul li:hover .idxPro_con .idxPro_name { padding: 60px 10px 10px; } .idxPro_list ul li .idxPro_con .idxPro_name a { font-size: 14px; } } /*idx_Products 结束*/ /*首页应用领域 开始*/ .ly_idxCase { position: relative; padding: 60px 0 0; } .ly_idxCase .h_pros { width: 100%; } .ly_idxCase .h_pros_list { width: 100%; height: 740px; background: rgba(255,255,255,0); padding: 0; box-shadow: 0 10px 20px rgba(0,0,0,0); box-sizing: border-box; position: relative; z-index: 1; transition: all 1s;} .active .ly_idxCase .h_pros_list { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .ly_idxCase .h_pros_list ul { height: 100%; } .ly_idxCase .h_pros_list ul li { width: 18.75%; height: 100%; overflow: hidden; margin: 0; padding: 0; background-color: rgba(0,0,0,0.2); box-sizing: border-box; float: left; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; overflow: hidden; } .ly_idxCase .h_pros_list ul li.h_pros_active, .ly_idxCase .h_pros_list ul li:hover { width: 25%; } .ly_idxCase .h_pros_list ul li img.pro_img { display: block; width: 100%; height: 100%; object-fit: cover; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .ly_idxCase .h_pros_list ul li .h_pros_text01 { display: block; width: 100%; height: 100%; overflow: hidden; color: #fff; margin: 0 auto; padding: 60px 40px; background-color: rgba(0,0,0,0.5); position: relative; z-index: 1; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; box-sizing: border-box; } .ly_idxCase .h_pros_list ul li.h_pros_active .h_pros_text01, .ly_idxCase .h_pros_list ul li:hover .h_pros_text01 { background-color: rgba(0,0,0,0); } .ly_idxCase .h_pros_list ul li .h_pros_text01 p { display: block; width: 100%; overflow: hidden; color: #fff; font-size: 26px; font-weight: bold; margin: 0 auto; padding: 0; text-shadow: 0 2px 4px rgba(0,0,0,0.1); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; position: absolute; bottom: 90px; } .ly_idxCase .h_pros_list ul li .h_pros_text01 p a{ color:#fff;} .ly_idxCase .h_pros_list ul li .h_pros_text01 span { display: block; font-size: 16px; overflow: hidden; line-height: 28px; color: #fff; word-wrap: break-word; text-shadow: 0 2px 4px rgba(0,0,0,0.1); padding: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; position: absolute; bottom: 60px; text-transform: uppercase; height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ly_idxCase .h_pros_list ul li .h_pros_text01 i { display: block; width: 80%; background: #fff; height: 1px; position: absolute; bottom: 40px; } .ly_idxCase .h_pros_list ul li.h_pros_active .h_pros_text02 { display: none; } .ly_idxCase .h_pros_list ul li.h_pros_active .h_pros_text02, .ly_idxCase .h_pros_list ul li:hover .h_pros_text02 { display: block; } .ly_idxCase .h_pros_list ul li.h_pros_active .h_pros_text01, .ly_idxCase .h_pros_list ul li:hover .h_pros_text01 { display: none; } .ly_idxCase .h_pros_list ul li .h_pros_text02 { display: block; width: 100%; height: 100%; overflow: hidden; color: #fff; margin: 0 auto; padding: 60px 40px; background-color: rgba(0,0,0,0.3); position: relative; z-index: 1; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; box-sizing: border-box; } .ly_idxCase .h_pros_list ul li .h_pros_text02 .pros_ico { margin-top: 150px; } .ly_idxCase .h_pros_list ul li .h_pros_text02 span { display: block; font-size: 24px; font-weight: bold; margin: 20px 0 15px; height: 30px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ly_idxCase .h_pros_list ul li .h_pros_text02 b { font-size: 30px; } .ly_idxCase .h_pros_list ul li .h_pros_text02 b a{ color:#fff;} .ly_idxCase .h_pros_list ul li .h_pros_text02 p { font-size: 16px; line-height: 29px; margin-top: 20px; } .ly_idxCase .swiper-container3 { display: none; width: 100%; height: 100%; overflow: hidden; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width:1199px) and (min-width:1080px) { .ly_idxCase #test { display: none; } .ly_idxCase .swiper-container3 { display: block; } .ly_idxCase .h_pros_list ul li .h_pros_text02 { display: none; } .ly_idxCase .h_pros_list ul li { height: 600px; } .ly_idxCase .h_pros_list ul li .h_pros_text02 .pros_ico { margin-top: 50px; } } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_idxCase #test { display: none; } .ly_idxCase .swiper-container3 { display: block; } .ly_idxCase .h_pros_list ul li .h_pros_text02 { display: none; } .ly_idxCase .h_pros_list ul li { height: 500px; } .ly_idxCase .h_pros_list ul li .h_pros_text02 .pros_ico { margin-top: 20px; } } @media screen and (max-width:1023px) and (min-width:768px) { .ly_idxCase { padding: 40px 0 0; } .ly_idxCase #test { display: none; } .ly_idxCase .swiper-container3 { display: block; } .ly_idxCase .h_pros_list ul li .h_pros_text02 { display: none; } .ly_idxCase .h_pros_list ul li { height: 500px; } .ly_idxCase .h_pros_list ul li .h_pros_text02 .pros_ico { margin-top: 20px; } } @media (max-width: 767px) { .ly_idxCase { padding: 40px 0 0; } .ly_idxCase #test { display: none; } .ly_idxCase .swiper-container3 { display: block; } .ly_idxCase .h_pros_list ul li .h_pros_text02 { display: none; } .ly_idxCase .h_pros_list ul li { height: 500px; } .ly_idxCase .h_pros_list ul li .h_pros_text02 .pros_ico { margin-top: 20px; } } /*首页应用领域 结束*/ /*首页新闻资讯 开始*/ .ly_idxNews { width: 100%; background: url("../images/news_bg.png") no-repeat; overflow: hidden; padding: 60px 0; background-size: cover; } .ly_idxNews .ny-nav { text-align: center; margin: 25px 0 40px; } .ly_idxNews .ny-nav li { display: inline-block; padding: 0 40px; height: 45px; line-height: 45px; border-radius: 10px; background: #fff; color: #666; font-size: 16px; margin-right: 1.5%; } .ly_idxNews .ny-nav li:hover { background: #2463b2; color: #fff; cursor: pointer; } .ly_idxNews .ny-nav li a { color: #666; } .ly_idxNews .ny-nav li:hover a { color: #fff; } .ly_idxNews .ny-nav li.on { background: #2463b2; color: #fff; cursor: pointer; } .ly_idxNews .ny-nav li.on a { color: #fff; } .ly_idxNews .news-swiper { float: left; width: 66.25%; } .ly_idxNews .news-swiper li { width: 100%; } .ly_idxNews .news_img { position: relative; width: 50%; float: right; height: 430px; overflow: hidden; background:#fff; } .ly_idxNews .news_img img { display: block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; object-fit: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .ly_idxNews .news-swiper:hover .news_img img { transform: scale(1.05); } .ly_idxNews .news-swiper .swiper-container .swiper-pagination { width: 100%; /*height: 10px;*/ overflow: hidden; margin: 0; padding: 0; left: 0; bottom: 20px!important; } .ly_idxNews .news-swiper .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px!important; border-radius: 50%; opacity: 0.5; background-color: #2463b2; } .ly_idxNews .news-swiper .swiper-container .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; } .ly_idxNews .news_text { background: #fff; padding: 35px 30px 50px; float: left; width: 48%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: 430px; overflow: hidden; box-shadow: 0px 0px 20px rgba(0, 0, 0, .06); } .ly_idxNews .news-txt { padding-left: 30px; position: relative; } .ly_idxNews .news-txt::before { content: ""; width: 1px; height: 100%; border-left: 1px dashed #e3e3e3; position: absolute; top: 7px; left: 6px; } .ly_idxNews .news_text span { font-family: 'Arial'; color: #999; display: inline-block; margin: 25px 0 30px; font-size: 16px; background: url("../images/news_ico1.png") no-repeat left center; padding-left: 25px; } .ly_idxNews .news_text p { line-height: 35px; color: #999; -webkit-line-clamp: 3; margin-bottom: 60px; height: 106px; font-size: 16px; overflow: hidden; } .ly_idxNews .news_text a.news_bt { display: block; font-size: 24px; font-weight: normal; color: #666; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 70px; line-height: 37px; } .ly_idxNews .news_text a:hover { color: #2463b2; } .ly_idxNews .news-btn a { display: inline-block; color: #333; margin: 0; font-size: 16px; } .ly_idxNews .news-btn em { display: inline-block; background: url("../images/news_jt.png")no-repeat center; width: 16px; height: 13px; } .ly_idxNews .news-box i { content: ""; position: absolute; top: 8px; left: 0; width: 12px; height: 12px; border-radius: 50%; border: 2px solid #2463b2; display: inline-block; background-color: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .ly_idxNews .news-box { display: none; } .ly_idxNews .news-box.on { display: block; } .ly_idxNews .lynews_r { float: right; width: 32.5%; height: 430px; overflow: hidden; box-shadow: 0px 0px 20px rgba(0, 0, 0, .06); } .ly_idxNews .lynews_r .news-ul li a { display: block; font-size: 17px; color: #666; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ly_idxNews .lynews_r .news-ul { background-color: #fff; padding: 30px 32px 33px 30px; box-shadow: 0px 0px 20px rgba(0, 0, 0, .06); } .ly_idxNews .lynews_r .news-ul li { position: relative; padding-bottom: 40px; padding-left: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .ly_idxNews .lynews_r .news-ul li:last-child { padding-bottom: 0; } .ly_idxNews .lynews_r .news-ul li:last-child::before { display: none; } .ly_idxNews .lynews_r .news-ul li:hover a { color: #2463b2; } .ly_idxNews .lynews_r .news-ul b { display: block; padding-left: 30px; margin-bottom: 13px; } .ly_idxNews .lynews_r .news-ul i { top: 6px; } .ly_idxNews .lynews_r .news-ul span { font-family: 'Arial'; color: #999; display: inline-block; margin: 10px 0 0; font-size: 16px; background: url("../images/news_ico1.png") no-repeat left center; padding-left: 25px; } .ly_idxNews .lynews_r .news-ul li::before { content: ""; width: 1px; height: 100%; border-left: 1px dashed #e3e3e3; position: absolute; top: 7px; left: 6px; } @media screen and (max-width:1199px) and (min-width:1080px) { .ly_idxNews .news_text a.news_bt{ height:115px;-webkit-line-clamp: 3;} .ly_idxNews .news_text span{ margin-top:15px;} .ly_idxNews .news_text p{ margin-bottom:40px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_idxNews .news_text a.news_bt{ height:120px;} .ly_idxNews .news_text span{ margin-top:15px;} .ly_idxNews .news_text p{ margin-bottom:40px;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_idxNews { padding: 40px 0; } .ly_idxNews .news-swiper { width: 100%; } .ly_idxNews .news_text { width: 100%; } .ly_idxNews .news_img { width: 100%; margin: 20px 0; } .ly_idxNews .lynews_r { width: 100%; } } @media (max-width: 767px) { .ly_idxNews { padding: 40px 0; } .ly_idxNews .news-swiper { width: 100%; } .ly_idxNews .ny-nav li { padding: 0 10px; } .ly_idxNews .news_text { width: 100%; padding: 20px; height: auto; } .ly_idxNews .news_img { width: 100%; } .ly_idxNews .lynews_r { width: 100%; height: auto; } .ly_idxNews .news_img { height: 230px; margin: 10px 0; } .ly_idxNews .news_text a.news_bt { font-size: 18px; line-height: 32px; } .ly_idxNews .news_text p { font-size: 15px; line-height: 30px; height: 90px; margin-bottom: 30px; } .ly_idxNews .news_text span { margin-bottom: 30px; font-size: 15px; } .ly_idxNews .news-btn a { font-size: 15px; } .ly_idxNews .lynews_r .news-ul li a { font-size: 16px; } .ly_idxNews .lynews_r .news-ul span { font-size: 15px; } } /*首页新闻资讯 结束*/ /*友情链接 开始*/ .ly_links { width: 100%; background: #f7f7f7; padding: 0 0 60px; overflow: hidden; } .ly_links .links_tit { width: 12%; height: 54px; overflow: hidden; margin: 0; float: left; } .ly_links .links_tit p { width: 28px; height: 29px; margin: 0 15px 0 0; float: left; text-align: center; } .links_tit img { display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; margin-top: 5px; } .links_tit b { overflow: hidden; color: #333; font-size: 26px; display: block; font-weight: normal; } .links_tit span { display: inline-block; height: 16px; overflow: hidden; line-height: 16px; color: #0aa770; font-size: 16px; font-family: "Arial"; } .ly_links .links_list { min-height: 80px; margin: 0; overflow: hidden; float: left; width: 88%; } .links_list p { vertical-align: middle; min-height: 40px; line-height: 40px; padding: 0; } .links_list p a { display: inline-block; line-height: 30px; color: #555; font-size: 16px; margin: 0 20px; padding: 0; } .links_list p a:hover { color: #2463b2; } @media screen and (max-width:1599px) and (min-width:1200px) { .ly_links .links_tit { width: 13%; } .ly_links .links_list { width: 86%; } } @media screen and (max-width:1199px) and (min-width:1080px) { .ly_links .links_tit { width: 15%; } .ly_links .links_list { width: 84%; } } @media screen and (max-width:1079px) and (min-width:768px) { .ly_links { padding: 0 0 40px; } .ly_links .links_tit { width: 22%; } .ly_links .links_list { width: 77%; } } @media screen and (max-width:767px) { .ly_links { padding: 0 0 40px; } .ly_links .links_tit { width: 100%; height: 40px; } .ly_links .links_list { width: 100%; } .links_list p a { margin: 5px 10px; } } /*友情链接 结束*/ /*ly_foot 开始*/ .ly_foot { width: 100%; margin: 0 auto; padding: 0; background-color: #3d3d3d; } .ly_foot .lyFoot_main { width: 100%; max-width: 1600px; height: auto; margin: 0 auto; position: relative; } .lyFoot_main .lyFoot_nav { width: 70%; overflow: hidden; margin: 0; padding: 40px 20px 30px; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .lyFoot_nav ul li { width: auto; max-width: 160px; height: auto; margin: 0 160px 0 0; padding: 0; float: left; } .lyFoot_nav ul li:nth-child(4) { margin: 0; } .lyFoot_nav ul li p { width: 100%; overflow: hidden; line-height: 40px; color: #fff; font-size: 18px; margin: 0 auto; padding: 0; } .lyFoot_nav ul li em { display: block; width: 32px; height: 2px; overflow: hidden; margin: 10px 0 20px; padding: 0; background-color: #fff; } .lyFoot_nav ul li a { display: block; width: 100%; height: 40px; overflow: hidden; line-height: 40px; color: rgba(255,255,255,0.5); font-size: 15px; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto; padding: 0; } .lyFoot_nav ul li a:hover { color: #fff; } .lyFoot_main .lyFoot_r { width: 29%; float: right; background: #2463b2; margin-top: -50px; padding-bottom: 60px; } .lyFoot_main .lyFoot_r .lyFoot_tel { width: 100%; text-align: center; border-bottom: 1px solid rgba(255,255,255,.2); padding: 20px 0; } .lyFoot_main .lyFoot_r .lyFoot_tel img { display: inline-block; margin: 0 15px 15px 0; } .lyFoot_main .lyFoot_r .lyFoot_tel b { color: #fff; font-size: 30px; height: 60px; line-height: 60px; display: inline-block; } .lyFoot_main .lyFoot_ewm { width: 80%; overflow: hidden; margin: 50px auto 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .lyFoot_main .lyFoot_ewm .lyFoot_tit { width: 100%; overflow: hidden; line-height: 30px; color: #fff; font-size: 16px; text-align: center; margin: 0 auto 10px; padding: 0; } .lyFoot_main .lyFoot_ewm .lyFoot_tit img { display: inline-block; width: 23px; height: 21px; overflow: hidden; margin: 0 10px 0 0; padding: 0; text-align: center; } .lyFoot_ewm ul li { width: 45%; overflow: hidden; margin: 0 2%; padding: 0; display: inline-block; } .lyFoot_ewm ul li p { width: 100%; height: 100%; overflow: hidden; margin: 0; padding: 0; } .lyFoot_ewm ul li p img { display: block; max-width: 100%; max-height: 100%; overflow: hidden; margin: 0 auto; padding: 0; } .ly_foot .lyFoot_copy { width: 100%; overflow: hidden; margin: 0 auto; padding: 0; border-top: 1px solid rgba(255,255,255,0.1); } .lyFoot_copy .lyFootCopy_main { width: 100%; max-width: 1600px; height: auto; min-height: 80px; overflow: hidden; margin: 0 auto; padding: 10px 20px; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .ly_Foot_ty{ width:29%; height:81px; position:absolute; right:0; top:0;background-image: linear-gradient(#394452,transparent);} .lyFootCopy_main .lyFootCopy_text_l { width: 65%; height: auto; margin: 0; padding: 10px 0; float: left; text-align: left; position: relative;z-index: 999; } .lyFootCopy_main .lyFootCopy_text_r { width: 35%; height: auto; margin: 0; padding: 10px 0; float: right; text-align: right;position: relative;z-index: 999; } .lyFootCopy_main p { width: 100%; overflow: hidden; line-height: 40px; color: rgba(255,255,255,0.5); font-size: 14px; } .lyFootCopy_main p a { color: rgba(255,255,255,0.5); } .lyFootCopy_main p a:hover { color: #fff; } @media screen and (width:1600px) { .ly_foot .lyFoot_main { width: 95%; max-width: inherit; } .lyFoot_copy .lyFootCopy_main { max-width: inherit; padding: 10px 0; width:95%; } } @media screen and (min-width:1440px) and (max-width:1599px) { .ly_foot .lyFoot_main { width: 95%; max-width: inherit; } .lyFoot_copy .lyFootCopy_main { max-width: inherit; padding: 10px 0; width:95%; } } @media screen and (min-width:1360px) and (max-width:1439px) { .ly_foot .lyFoot_main { width: 95%; max-width: inherit; } .lyFoot_nav ul li { margin: 0 140px 0 0; } .lyFoot_nav ul li:nth-child(4) { margin: 0; } .lyFoot_copy .lyFootCopy_main { max-width: inherit;padding: 10px 0; width:95%; } } @media screen and (min-width:1280px) and (max-width:1359px) { .ly_foot .lyFoot_main { width: 95%; max-width: inherit; } .lyFoot_nav ul li { margin: 0 140px 0 0; } .lyFoot_nav ul li:nth-child(4) { margin: 0; } .lyFoot_main .lyFoot_ewm { } .lyFoot_copy .lyFootCopy_main { max-width: inherit;padding: 10px 0; width:95%; } } @media screen and (min-width:1200px) and (max-width:1279px) { .ly_foot .lyFoot_main { width: 95%; max-width: inherit; } .lyFoot_nav ul li { margin: 0 120px 0 0; } .lyFoot_nav ul li:nth-child(4) { margin: 0; } .lyFoot_copy .lyFootCopy_main { max-width: inherit; padding: 10px 0; width:95%; } } @media screen and (min-width:1080px) and (max-width:1199px) { .ly_foot .lyFoot_main { width: 95%; max-width: inherit; } .lyFoot_nav ul li { margin: 0 100px 0 0; } .lyFoot_nav ul li:nth-child(4) { margin: 0; } .lyFoot_copy .lyFootCopy_main { max-width: inherit; padding: 10px 0; width:95%; } } @media screen and (min-width:1024px) and (max-width:1079px) { .ly_foot .lyFoot_main { width: 95%; max-width: inherit; } .lyFoot_main .lyFoot_nav { width: 70%; } .lyFoot_nav ul li { width: 23.5%; max-width: inherit; margin: 0 2% 0 0; } .lyFoot_nav ul li:nth-child(4) { margin: 0; } .lyFoot_copy .lyFootCopy_main { max-width: inherit;padding: 10px 0; width:95%; } } @media screen and (max-width:1023px) and (min-width:768px) { .ly_foot .lyFoot_main { width: 95%; max-width: inherit; } .lyFoot_main .lyFoot_nav { width: 65%; padding: 4%; } .lyFoot_nav ul li { margin: 0; width: 25%; } .lyFoot_main .lyFoot_r { width: 35%; } .ly_Foot_ty{ width:35%;} .lyFoot_main .lyFoot_r .lyFoot_tel { padding: 15px 0; } .lyFoot_main .lyFoot_r .lyFoot_tel b { font-size: 25px; } .lyFoot_main .lyFoot_ewm { width: 90%; margin-top: 40px; } .lyFoot_main .lyFoot_ewm .lyFoot_tit { font-size: 14px; } .lyFoot_copy .lyFootCopy_main { max-width: inherit; padding: 10px 0; width:95%; } .lyFootCopy_main .lyFootCopy_text_l { width: 100%; padding: 0; } .lyFootCopy_main .lyFootCopy_text_r { width: 100%; text-align: left; padding: 0; } .lyFootCopy_main p { line-height: 30px; } } @media (max-width: 767px) { .ly_foot .lyFoot_main { width: 95%; max-width: inherit; } .lyFoot_main .lyFoot_nav { width: 100%; margin: 0 auto; padding: 0; float: inherit; display: none; } .lyFoot_nav ul li { margin: 0 100px 0 0; } .lyFoot_nav ul li:nth-child(4) { margin: 0; } .lyFoot_main .lyFoot_r { width: 100%; padding-bottom: 30px; } .lyFoot_main .lyFoot_r .lyFoot_tel { padding: 10px 0; } .lyFoot_main .lyFoot_r .lyFoot_tel b { font-size: 25px; } .lyFoot_main .lyFoot_ewm { margin-top: 30px; } .lyFoot_copy .lyFootCopy_main { max-width: inherit; padding: 10px 0; width:95%; } .lyFoot_main .lyFoot_ewm .lyFoot_tit { font-size: 14px; } .lyFootCopy_main .lyFootCopy_text_l { width: 100%; padding: 0; } .lyFootCopy_main .lyFootCopy_text_r { width: 100%; text-align: left; padding: 0; } .lyFootCopy_main p { line-height: 30px; } .ly_Foot_ty{ width:100%;} } @media (max-width: 375px) { } @media (max-width: 320px) { } /*ly_foot 结束*/ /*lyNy_banner 开始*/ .lyNy_banner { width:100%; height:550px; overflow:hidden; margin:0; padding:0; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNy_banner img.nyBa { display:block; width:1920px; height:550px; overflow:hidden; margin:0 0 0 -960px; position:absolute; left:50%; top:0;} .lyNy_banner .lyNyBa_con { width:100%; height:140px; overflow:hidden; margin:-70px 0 0; padding:0 6%; position:absolute; left:0; top:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNy_banner .lyNyBa_con1 { margin:-145px 0 0;} .lyNyBa_con .lyNyBa_text { width:100%; overflow:hidden; margin:0 auto 20px; padding:0;} .lyNyBa_text p { width:100%; height:50px; overflow:hidden; line-height:50px; color:#fff; font-size:40px; text-align:center; white-space:nowrap; text-overflow:ellipsis; margin:0 auto; padding:0;} .lyNyBa_text span { display:block; width:100%; height:30px; overflow:hidden; line-height:30px; color:#fff; font-size:17px; text-align:center; white-space:nowrap; text-overflow:ellipsis; margin:10px auto 0; padding:0;} .lyNyBa_con .lyNyBa_pos { width:100%; height:30px; overflow:hidden; line-height:30px; color:#fff; font-size:15px; text-align:center; white-space:nowrap; text-overflow:ellipsis; margin:0 auto; padding:0;} .lyNyBa_pos img { display:inline-block; width:20px; height:20px; margin:-4px 5px 0 0; padding:0; vertical-align:middle;} .lyNyBa_pos a, .lyNyBa_pos span { color:#fff; font-size:15px;} @media (max-width:1680px){ .lyNy_banner .lyNyBa_con { padding:0 6%;} } @media (max-width:1600px){ .lyNy_banner { height:500px;} .lyNy_banner img.nyBa { width:1745px; height:500px; margin:0 0 0 -872.5px;} } @media (max-width:1440px) { .lyNy_banner .lyNyBa_con { padding:0 5%;} .lyNy_banner { height:440px;} .lyNy_banner img.nyBa { width:1536px; height:440px; margin:0 0 0 -768px;} .lyNy_banner .lyNyBa_con { height:130px; margin:-65px 0 0; padding:0 5%;} .lyNy_banner .lyNyBa_con1 { margin:-125px 0 0;} .lyNyBa_text p { height:40px; line-height:40px; font-size:36px;} .lyNyBa_text span { font-size:16px;} } @media (max-width:1366px) { .lyNy_banner { height:420px;} .lyNy_banner img.nyBa { width:1466px; height:420px; margin:0 0 0 -733px;} .lyNy_banner .lyNyBa_con { padding:0 3%;} } @media (max-width:1280px) { .lyNy_banner { height:400px;} .lyNy_banner img.nyBa { width:1396px; height:400px; margin:0 0 0 -698px;} } @media (max-width:1200px) { .lyNy_banner { height:390px;} .lyNy_banner img.nyBa { width:1360px; height:390px; margin:0 0 0 -680px;} } @media (max-width:1080px) { .lyNy_banner { height:344px;} .lyNy_banner img.nyBa { width:1200px; height:344px; margin:0 0 0 -600px;} .lyNy_banner .lyNyBa_con { height:120px; margin:-60px 0 0; padding:0 2.5%;} .lyNy_banner .lyNyBa_con1 { margin:-120px 0 0;} .lyNyBa_text p { height:36px; line-height:36px; font-size:32px;} .lyNyBa_text span { height:24px; line-height:24px; font-size:16px;} } @media (max-width:1024px) { } @media (max-width:800px) { .lyNy_banner { height:300px;} .lyNy_banner img.nyBa { width:1047px; height:300px; margin:0 0 0 -523.5px;} .lyNy_banner .lyNyBa_con { margin:-50px 0 0;} .lyNy_banner .lyNyBa_con1 { margin:-100px 0 0;} .lyNyBa_text p { height:30px; line-height:30px; font-size:28px;} .lyNyBa_text span { height:20px; line-height:20px; font-size:14px;} } @media (max-width: 767px) { .lyNy_banner { height:220px;} .lyNy_banner .lyNyBa_con1 { margin:-50px 0 0;} .lyNy_banner img.nyBa { width:768px; height:220px; margin:0 0 0 -384px;} .lyNyBa_text p { font-size:26px;} } @media (max-width: 375px) { .lyNy_banner { height:200px;} .lyNy_banner img.nyBa { width:698px; height:200px; margin:0 0 0 -349px;} } @media (max-width: 320px) { .lyNy_banner { height:180px;} .lyNy_banner img.nyBa { width:628px; height:180px; margin:0 0 0 -314px;} } /*lyNy_banner 结束*/ /*lyNy_aboutus 开始*/ .lyNy_aboutus { width: 100%; height: auto; margin: 0 auto; padding: 0; } .lyNy_aboutus .NyAbUs_gsjj { width: 80%; height: auto; margin: -140px auto 60px; padding: 60px 60px 40px; background-color: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.1); border-radius: 4px; position: relative; z-index: 9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyAbUs_title { width: 100%; overflow: hidden; margin: 0 auto 30px; padding: 0; } .NyAbUs_title p { width: 100%; overflow: hidden; line-height: 48px; color: #333; font-size: 36px; text-align: center; margin: 0 auto; padding: 0; } .NyAbUs_title p a{color: #333; } .NyAbUs_title span { display: block; width: 100%; overflow: hidden; line-height: 30px; color: #999; font-size: 18px; text-align: center; margin: 10px auto 0; padding: 0; } .NyAbUs_title1 p, .NyAbUs_title1 span { color:#fff;} .NyAbUs_gsjj .NyAbUsGsjj_con { width: 100%; overflow: hidden; margin: 0 auto; padding: 0; line-height: 30px; color: #666; font-size: 16px; text-align: justify; } .NyAbUsGsjj_con p, .NyAbUsGsjj_con div { width: 100%; overflow: hidden; line-height: 30px; color: #666; font-size: 16px; text-align: justify; text-indent: 0; margin: 0 auto 20px; padding: 0; } .NyAbUsGsjj_con p span, .NyAbUsGsjj_con span, .NyAbUsGsjj_con p em, .NyAbUsGsjj_con em { color: #666!important; font-family: Arial, \5FAE\8F6F\96C5\9ED1, Helvetica, sans-serif!important; font-size: 16px!important; margin: 0!important; padding: 0!important; } .NyAbUsGsjj_con table tr td p { text-indent: 0!important; margin: 0!important; padding: 0!important; } .NyAbUsGsjj_con img { display: inline-block; width: auto!important; height: auto!important; max-width: 100%; margin: 0 auto; padding: 0; text-indent: 0!important; } /*企业文化 开始*/ .lyNy_aboutus .NyAbUs_culture { width: 100%; height: auto; margin: 0 auto; padding: 0; } .NyAbUs_culture .NyAbUsCulture_main { width: 100%; height: 660px; overflow: hidden; margin: 0 auto; padding: 0 10%; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyAbUsCulture_main .NyAbUsCulture_img { width: 50%; overflow: hidden; margin: 0; padding: 0 40px 0 0; position: absolute; left: 0; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyAbUsCulture_img p { width: 100%; height: 660px; overflow: hidden; margin: 0; padding: 0; border-radius: 0 88px 0 0; position: relative; } .NyAbUsCulture_img p img { display: block; width: 100%; height: 100%; overflow: hidden; object-fit: cover; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .NyAbUsCulture_main .NyAbUsCulture_con { width: 50%; overflow: hidden; margin: 0; padding: 0 0 0 40px; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyAbUsCulture_con ul li { width: 100%; height: auto; min-height: 80px; margin: 0 auto 40px; padding: 0 0 0 52px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyAbUsCulture_con ul li img.NyAbUsCulture_ico { display: block; width: 52px; height: 50px; margin: -40px 0 0; padding: 0; position: absolute; left: 0; top: 50%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .NyAbUsCulture_con ul li:hover img.NyAbUsCulture_ico { transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); } .NyAbUsCulture_con ul li .NyAbUsCulture_text { width: 100%; overflow: hidden; margin: 0; padding: 0 0 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .NyAbUsCulture_con ul li .NyAbUsCulture_text .NyAbUsCulture_tit { width: 100%; height: 40px; overflow: hidden; line-height: 40px; color: #a4a4a4; font-size: 28px; margin: 0 auto; padding: 0; } .NyAbUsCulture_con ul li .NyAbUsCulture_text p { width: 100%; height: 50px; overflow: hidden; line-height: 25px; color: #777; font-size: 15px; margin: 10px auto 0; padding: 0; display: -webkit-box; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } /*企业文化 结束*/ /*发展历程 开始*/ .lyNy_aboutus .NyAbUs_history { width:100%; height:auto; margin:-60px auto 0; padding:120px 10% 60px; background-color:#2463b2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyAbUs_history .NyAbUsHist_main { width:100%; height:auto; margin:0; padding:0; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyAbUsHist_main .mySwiper2 { width: 100%; height:auto;} .NyAbUsHist_main .mySwiper2 .swiper-slide { opacity: 0.5;} .NyAbUsHist_main .mySwiper2 .swiper-slide-active { opacity: 1;} .NyAbUsHist_main .mySwiper { width: 100%; height: auto; margin:60px 0 0; background:url("../images/line02.png") 0 3px repeat-x; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyAbUsHist_main .mySwiper .swiper-slide { } .NyAbUsHist_main .mySwiper .swiper-slide { width: 25%; height: 100%; opacity: 0.4;} .NyAbUsHist_main .mySwiper .swiper-slide-thumb-active { opacity: 1;} .NyAbUsHist_con { width:100%; height:auto; margin:0 auto; padding:0;} .NyAbUsHist_con i { display:block; width:100%; height:60px; overflow:hidden; line-height:60px; color:#fff; font-size:52px; font-style:normal; margin:0 auto; padding:0;} .NyAbUsHist_con .NyAbUsHist_text { width:100%; height:60px; overflow-y:scroll; line-height:30px; color:#fff; font-size:18px; margin:20px auto; padding:0;} .NyAbUsHist_con .NyAbUsHist_img { width:100%; height:300px; overflow:hidden; margin:0 auto; padding:0; position:relative;} .NyAbUsHist_con .NyAbUsHist_img img { display:block; width: 100%; height: 100%; overflow: hidden; object-fit: cover; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyAbUsHist_con:hover .NyAbUsHist_img img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);} .NyAbUsHist_time { width:100%; height:auto; margin:0 auto; padding:0;} .NyAbUsHist_time i { display:block; width:7px; height:7px; overflow:hidden; margin:0 auto 13px; padding:0; background-color:#fff; border-radius:50%; cursor:pointer;} .NyAbUsHist_time p { width:100%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:32px; text-align:center; margin:0 auto; padding:0;} .NyAbUsHist_main .swiper-button-prev, .NyAbUsHist_main .swiper-button-next { width:44px!important; height:44px!important; margin:0!important; position:absolute; top:inherit!important; bottom:33px!important; border-radius:50%; outline:none; border:2px solid #fff;} .NyAbUsHist_main .swiper-button-prev { background:url("../images/jt3.png") center center no-repeat; background-size:20px 20px; left:-60px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyAbUsHist_main .swiper-button-next { background:url("../images/jt1.png") center center no-repeat; background-size:20px 20px; right:-60px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyAbUsHist_main .swiper-button-prev:after, .NyAbUsHist_main .mySwiper2 .swiper-rtl .swiper-button-next:after { font-size:0;} .NyAbUsHist_main .swiper-button-next:after, .NyAbUsHist_main .mySwiper2 .swiper-rtl .swiper-button-prev:after { font-size:0;} /*发展历程 结束*/ /*荣誉资质 开始*/ .lyNy_aboutus .NyAbUs_honor { width: 100%; overflow: hidden; margin: 0 auto; padding: 60px 0 40px; background: url("../images/honor_bg.png") no-repeat; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyAbUs_honor .NyAbUsHonor_main { width: 80%; height: auto; margin: 0 auto; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyAbUsHonor_main .NyAbUsHonor_list { width: 100%; height: auto; margin: 0 auto; padding: 0; } .NyAbUsHonor_list .swiper-container04 { width: 100%; height: 100%; overflow: hidden; margin: 0 auto; padding: 0 0 80px; position: relative; } .NyAbUsHonor_list .swiper-container04 .swiper-slide { height: auto; margin: 0; padding: 0; background-color: #fff; border-radius: 4px; box-shadow: 0 10px 20px rgba(0,0,0,0.05); position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyAbUsHonor_list .swiper-container04 .swiper-slide .NyAbUsHonor_img { width: 100%; height: 300px; overflow: hidden; margin: 0 auto; padding: 0; position: relative; } .NyAbUsHonor_list .swiper-container04 .swiper-slide .NyAbUsHonor_img img { display: block; max-width: 95%; max-height: 95%; overflow: hidden; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .NyAbUsHonor_list .swiper-container04 .swiper-slide:hover .NyAbUsHonor_img img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } .NyAbUsHonor_list .swiper-container04 .swiper-slide .NyAbUsHonor_name { width: 100%; overflow: hidden; margin: 0 auto; padding: 0; } .NyAbUsHonor_list .swiper-container04 .swiper-slide .NyAbUsHonor_name a { display: block; width: 100%; height: 56px; overflow: hidden; line-height: 55px; color: #333; font-size: 18px; text-align: center; white-space: nowrap; text-overflow: ellipsis; border-radius: 0 0 4px 4px; margin: 0 auto; padding: 0 20px; border-top: 1px solid #ddd; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyAbUsHonor_list .swiper-container04 .swiper-slide:hover .NyAbUsHonor_name a { color: #2463b2; } .NyAbUsHonor_list .swiper-container04 .swiper-pagination { width: 100%; /*height: 12px;*/ overflow: hidden; margin: 0; padding: 0; left: 0; bottom: 15px!important; } .NyAbUsHonor_list .swiper-container04 .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 50%; opacity: 1!important; background-color: #2463b2; } .NyAbUsHonor_list .swiper-container04 .swiper-pagination .swiper-pagination-bullet-active { background: #fff; } /*荣誉资质 结束*/ /*客户案例 开始*/ .NyAbUs_Case { width: 100%; overflow: hidden; margin: 0 auto; padding: 60px 0 130px; background: #fff; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyAboutCase { width: 100%; max-width: 1600px; height: auto; margin: 80px auto; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .NyAboutCase .NyAboutCase_list { width: 100%; height: auto; margin: 0 auto; padding: 0; } .NyAboutCase_list ul li { width: 24.25%; height: auto; margin: 0 1% 0 0; padding: 0; background-color: #fff; float: left; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .NyAboutCase_list ul li:nth-child(4n+4) { margin: 0; } .Ny_main .NyAboutCase_list ul li { margin: 32px 1% 0 0; } .Ny_main .NyAboutCase_list ul li:nth-child(4n+4) { margin: 32px 0 0; } .NyAboutCase_list ul li .NyAboutCase_img { width: 100%; overflow: hidden; margin: 0 auto; padding: 0; } .NyAboutCase_list ul li .NyAboutCase_img a { display: block; width: 100%; height: 370px; overflow: hidden; margin: 0 auto; padding: 0; position: relative; } .NyAboutCase_list ul li .NyAboutCase_img a img { display: block; width: 100%; height: 100%; margin: auto; padding: 0; object-fit: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .NyAboutCase_list ul li:hover .NyAboutCase_img a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } .NyAboutCase_list ul li .NyAboutCase_text { width: 100%; height: auto; overflow: hidden; margin: 0 auto; padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #fff; position: relative; z-index: 999; margin-top: -60px; border-radius: 15px; box-shadow: 0 10px 20px rgba(20,34,49,0.1); } .NyAboutCase_list ul li .NyAboutCase_text b { color: #333; font-size: 26px; text-align: center; display: block; font-weight: 400;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; } .NyAboutCase_list ul li .NyAboutCase_text b a{ color:#333;} .NyAboutCase_list ul li .NyAboutCase_text .NyAboutCase_tit { display: block; width: 100%; height: 30px; overflow: hidden; line-height: 30px; color: #333; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; margin: 7px auto; padding: 0; text-align: center; } .NyAboutCase_list ul li .NyAboutCase_text .NyAboutCase_tit span { color: #2463b2; } .NyAboutCase_list ul li .NyAboutCase_text .NyAboutCase_tit a{ color: #2463b2;} .NyAboutCase_list ul li .NyAboutCase_text p { width: 100%; color: #999; font-size: 16px; margin: 0 auto; padding: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; min-height:30px; line-height:30px; } .NyAboutCase_list ul li:hover .NyAboutCase_text b a { color: #2463b2; cursor: pointer; } /*客户案例 结束*/ @media (max-width:1680px) { .lyNy_aboutus .NyAbUs_gsjj { width:88%;} .NyAbUs_culture .NyAbUsCulture_main { padding:0 6%;} .lyNy_aboutus .NyAbUs_history { padding:120px 6% 60px;} .NyAbUs_honor .NyAbUsHonor_main { width:88%;} } @media (max-width:1600px) { .lyNy_aboutus .NyAbUs_honor { padding:60px 0 30px;} .NyAbUsHonor_list .mySwiper04 { padding:0 0 70px;} } @media (max-width:1560px) { } @media (max-width:1440px) { .lyNy_aboutus .NyAbUs_gsjj { width:90%;} .NyAbUs_title p { line-height:40px; font-size:32px;} .NyAbUs_title span { font-size:16px;} .NyAbUs_culture .NyAbUsCulture_main { height:600px; padding:0 5%;} .NyAbUsCulture_img p { height:600px;} .NyAbUsCulture_main .NyAbUsCulture_con { padding:0 0 0 20px;} .NyAbUsCulture_con ul li .NyAbUsCulture_text .NyAbUsCulture_tit { font-size:24px;} .NyAbUsCulture_con ul li .NyAbUsCulture_text p { margin:0;} .lyNy_aboutus .NyAbUs_history { padding:120px 5% 60px;} .NyAbUsHist_con i { height:50px; line-height:50px; font-size:44px;} .NyAbUsHist_con .NyAbUsHist_text { font-size:16px;} .NyAbUsHist_con .NyAbUsHist_img { height:260px;} .NyAbUsHist_time p { font-size:28px;} .NyAbUs_honor .NyAbUsHonor_main { width:90%;} .NyAbUsHonor_list .mySwiper04 .swiper-slide .NyAbUsHonor_name a { font-size:16px;} } @media (max-width:1366px) { .lyNy_aboutus .NyAbUs_gsjj { width:94%; margin:-140px auto 50px; padding:50px 50px 30px;} .NyAbUs_culture .NyAbUsCulture_main { height:560px; padding:0 3%;} .NyAbUsCulture_con ul li { margin:0 auto 30px;} .NyAbUsCulture_con ul li .NyAbUsCulture_text { padding:0 0 0 20px;} .NyAbUsCulture_con ul li .NyAbUsCulture_text .NyAbUsCulture_tit { font-size:22px;} .NyAbUsCulture_con ul li .NyAbUsCulture_text p { height:48px; line-height:24px; font-size:14px; margin:2px auto 0;} .NyAbUsCulture_img p { height:560px;} .lyNy_aboutus .NyAbUs_history { margin:-50px auto 0; padding:100px 3% 50px;} .NyAbUs_honor .NyAbUsHonor_main { width:94%;} .lyNy_aboutus .NyAbUs_honor { padding: 50px 0 30px;} .NyAbUsHist_main .swiper-button-prev { left:-24px;} .NyAbUsHist_main .swiper-button-next { right:-24px;} } @media (max-width:1280px) { .lyNy_aboutus .NyAbUs_gsjj { margin:-140px auto 40px; padding:40px 40px 20px;} .NyAbUsCulture_con ul li { margin:0 auto 20px;} .NyAbUs_culture .NyAbUsCulture_main { height:520px;} .NyAbUsCulture_img p { height:520px;} .NyAbUsHist_con .NyAbUsHist_img { height: 240px;} .lyNy_aboutus .NyAbUs_history { margin:-40px auto 0; padding:90px 3% 40px;} .NyAbUs_honor .NyAbUsHonor_main { width:94%;} .lyNy_aboutus .NyAbUs_honor { padding: 40px 0;} .NyAbUs_Case { width:95%; margin:0 auto; } .NyAboutCase_list ul li { width: 49%; margin-bottom: 20px; margin-right:2%; } .NyAboutCase_list ul li:nth-child(2n+2){ margin-right:0;} } @media (max-width:1200px) { .NyAbUsHist_con .NyAbUsHist_img { height: 220px;} .NyAbUs_Case { width:95%; margin:0 auto; } .NyAboutCase_list ul li { width: 49%; margin-bottom: 20px; margin-right:2%; } .NyAboutCase_list ul li:nth-child(2n+2){ margin-right:0;} } @media (max-width:1080px) { .NyAbUs_title p { line-height:32px; font-size:24px;} .NyAbUs_title span { font-size:15px; margin:5px auto 0;} .NyAbUsGsjj_con p, .NyAbUsGsjj_con div { font-size:15px;} .NyAbUsGsjj_con p span, .NyAbUsGsjj_con span, .NyAbUsGsjj_con p em, .NyAbUsGsjj_con em { font-size:15px!important;} .NyAbUsCulture_main .NyAbUsCulture_img { padding:0;} .NyAbUsHist_con .NyAbUsHist_img { height: 200px;} .NyAbUs_Case { width:95%; margin:0 auto; } .NyAboutCase_list ul li { width: 49%; margin-bottom: 20px; margin-right:2%; } .NyAboutCase_list ul li:nth-child(2n+2){ margin-right:0;} } @media (max-width:1024px) { .NyAbUs_Case { width:95%; margin:0 auto; } .NyAboutCase_list ul li { width: 49%; margin-bottom: 20px; margin-right:2%; } .NyAboutCase_list ul li:nth-child(2n+2){ margin-right:0;} } @media (max-width:800px) { .lyNy_aboutus .NyAbUs_gsjj { margin:-120px auto 30px; padding:30px 30px 10px;} .NyAbUs_title { margin:0 auto 20px;} .NyAbUs_title span { margin:0 auto;} .NyAbUs_culture .NyAbUsCulture_main { height:auto;} .NyAbUsCulture_img p { height:460px;} .NyAbUsCulture_main .NyAbUsCulture_img { width:100%; position:inherit; left:inherit; top:inherit; float:inherit;} .NyAbUsCulture_main .NyAbUsCulture_con { width:100%; margin:0 auto; padding:0; float:inherit;} .NyAbUsCulture_con ul li .NyAbUsCulture_text .NyAbUsCulture_tit { font-size:20px;} .NyAbUsCulture_img p { height: 400px; border-radius:0 44px 0 0;} .NyAbUsHist_con .NyAbUsHist_img { height: 220px;} .lyNy_aboutus .NyAbUs_honor { padding: 30px 0;} .lyNy_aboutus .NyAbUs_history { margin:-60px auto 0; padding:90px 3% 30px;} .NyAbUs_Case { padding: 40px 0 80px; width:95%; margin:0 auto; } .NyAboutCase_list ul li { width: 49%; margin-bottom: 20px; margin-right:2%; } .NyAboutCase_list ul li:nth-child(2n+2){ margin-right:0;} .NyAboutCase_list ul li .NyAboutCase_img a { height: 300px; } } @media (max-width: 767px) { .lyNy_aboutus .NyAbUs_gsjj { margin:-20px auto 40px; padding:20px 20px 1px;} .NyAbUsHonor_list .mySwiper04 { padding:0 0 60px;} .NyAbUsHist_con .NyAbUsHist_img { height: 240px;} .NyAbUsHist_main .mySwiper { margin:40px 0 0; padding:0 30px;} .NyAbUsHist_main .swiper-button-prev { left:0;} .NyAbUsHist_main .swiper-button-next { right:0;} .NyAbUsCulture_img p { height:280px;} .lyNy_aboutus .NyAbUs_honor { padding:40px 0;} .lyNy_aboutus .NyAbUs_history { margin:-50px auto 0; padding:90px 3% 20px;} .NyAbUs_Case { padding: 40px 0 80px; width:95%; margin:0 auto; } .NyAboutCase_list ul li { width: 100%; margin-bottom: 20px; } .NyAboutCase_list ul li .NyAboutCase_img a { height: 270px; } .NyAboutCase_list ul li .NyAboutCase_text b { font-size: 22px; } .NyAboutCase_list ul li .NyAboutCase_text a { font-size: 16px; } .NyAboutCase_list ul li .NyAboutCase_text p { font-size: 14px; } } @media (max-width: 375px) { .NyAbUsCulture_img p { height:250px;} .NyAbUsCulture_con ul li { padding:0;} .NyAbUsCulture_con ul li img.NyAbUsCulture_ico { position:inherit; left:inherit; top:inherit; margin:0 auto;} .NyAbUsCulture_con ul li .NyAbUsCulture_text { padding:0;} .NyAbUsCulture_con ul li .NyAbUsCulture_text .NyAbUsCulture_tit, .NyAbUsCulture_con ul li .NyAbUsCulture_text p { text-align:center;} .NyAbUsHist_con .NyAbUsHist_img { height: 220px;} } @media (max-width: 320px) { .NyAbUsCulture_img p { height:220px;} .NyAbUsHist_con .NyAbUsHist_img { height: 190px;} } /*lyNy_aboutus 结束*/ /*lyNy_Contact 开始*/ /*小导航 开始*/ .lm_nav { margin: 55px auto; } .lm_nav ul { width: 100%; margin: 0 auto; text-align: center; } .lm_nav ul li { display: inline-block; width: 144px; height: 50px; line-height: 50px; font-size: 20px; text-align: center; cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; margin-right: 25px; border-radius: 50px; } .lm_nav ul li:hover, .lm_nav li.on { background: #2463b2; } .lm_nav ul li:hover a, .lm_nav ul li.on a { color: #fff; } .lm_nav ul li a { width: 100%; height: 100%; display: block; color: #666; } @media screen and (max-width:1199px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:1024px) { .lm_nav { margin: 40px auto; } } @media screen and (max-width:1023px) and (min-width:768px) { .lm_nav { margin: 30px auto; } } @media (max-width: 767px) { .lm_nav { margin: 20px auto; } .lm_nav ul { width: 100%; } .lm_nav ul li { width: 30%; font-size: 15px; height: 40px; line-height: 40px; margin-right: 5px; } } /*小导航 结束*/ /*联系我们头部 开始*/ .lyNy_contact { width: 100%; height: auto; margin: 0 auto; padding: 0; } .NyContact_top { width: 100%; background: #f7f7f7; overflow: hidden; } .lyNyCont_Map { width: 50%; overflow: hidden; margin: 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 3%; } .lyNyCont_Map .NyContMap_main { width: 100%; height: 600px; overflow: hidden; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lyNyCont_Map .NyContMap_main #container { width: 100%; height: 120%; overflow: hidden; margin: 0; padding: 0; } .lyNyCont_lx { width: 40%; float: left; text-align: center; padding: 60px 0; } .lyNyCont_lx .lx_tit { color: #333; font-size: 30px; margin-bottom: 50px; } .lyNyCont_lx .lx_tit b { font-weight: 400; } .lyNyCont_lx .lx_tit p { font-size: 18px; margin: 10px 0; } .lyNyCont_lx .lyNyCont_lxfs ul li { font-size: 18px; margin: 25px 0; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .lyNyCont_lx .lyNyCont_lxfs ul li img { display: inline-block; margin-right: 10px; } .lyNyCont_lx .lyNyCont_ewm img { height: 120px; } .lyNyCont_lx .lyNyCont_ewm p { font-size: 16px; margin-top: 15px; } /*联系我们头部 结束*/ /*联系我们办事处 开始*/ .lyNy_service {width: 100%;background: #f7f7f7;overflow: hidden;} .lyNyCont_Office { padding: 80px 0; } .lyNyfw_Office { padding: 0 0 80px; } .lyNyCont_Office ul li { width: 23.5%; float: left; padding: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 2% 3% 0; background: #fff; box-shadow: 0 10px 20px rgba(20,34,49,0.1); } .lyNyCont_Office ul li:nth-child(4n+4) { margin-right: 0; } .lyNyCont_Office ul li .Office_tit { color: #333; font-size: 24px; margin-bottom: 15px;height: 40px;line-height: 40px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis; } .lyNyCont_Office ul li .Office_list { line-height: 30px; } .lyNyCont_Office ul li .Office_list p { font-size: 16px; color: #777; margin-top: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 25px; } .lyNyCont_Office ul li .Office_list p.Office_ico1 { background: url("../images/Office_ico1.png") no-repeat left 3px; } .lyNyCont_Office ul li .Office_list p.Office_ico2 { background: url("../images/Office_ico2.png") no-repeat left 3px; } .lyNyCont_Office ul li .Office_list p.Office_ico3 { background: url("../images/Office_ico3.png") no-repeat left 3px; } .lyNyCont_Office ul li .Office_list p.Office_ico4 { background: url("../images/Office_ico4.png") no-repeat left 3px;height: 52px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space: inherit;line-height: 30px; } .lyNyCont_Office ul li:hover { background: #2463b2; cursor: pointer; } .lyNyCont_Office ul li:hover .Office_tit { color: #fff; } .lyNyCont_Office ul li:hover p { color: #fff; } .lyNyCont_Office ul li:hover .Office_list p.Office_ico1 { background: url("../images/Office_ico1_hover.png") no-repeat left 3px; } .lyNyCont_Office ul li:hover .Office_list p.Office_ico2 { background: url("../images/Office_ico2_hover.png") no-repeat left 3px; } .lyNyCont_Office ul li:hover .Office_list p.Office_ico3 { background: url("../images/Office_ico3_hover.png") no-repeat left 3px; } .lyNyCont_Office ul li:hover .Office_list p.Office_ico4 { background: url("../images/Office_ico4_hover.png") no-repeat left 3px; } /*联系我们办事处 结束*/ /*招贤纳士 开始*/ .lyNyCont_Job { width: 100%; background: #f6f6f6; overflow: hidden; padding: 60px 0; } .lyNy_bt { font-size: 40px; color: #333; text-align: center; margin-bottom: 40px; } .lyNyCont_Job .job_list{ overflow:hidden;} .lyNyCont_Job .job_list ul li { width: 31.33%; float: left; background-color: #fff; padding: 25px 30px 23px; transition: all 0.5s; margin: 0 2% 2% 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .lyNyCont_Job .job_list ul li:nth-child(3n+3) { margin-right: 0; } .lyNyCont_Job .job_list ul li .job_tit { padding-right: 35px; background: url("../images/job_ico.png")no-repeat right top; margin-bottom: 12px; height: 64px; line-height: 32px; font-size: 24px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .lyNyCont_Job .job_list ul li .job_tit a { color: #333; } .lyNyCont_Job .job_list ul li p { font-size: 15px; color: #a2a4a8; } .lyNyCont_Job .job_list ul li p b { font-weight: normal; display: block; float: left; max-width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .lyNyCont_Job .job_list ul li p span { display: block; float: left; margin-left: 10px; } .lyNyCont_Job .job_list ul li:hover { box-shadow: 0 0 20px rgba(36, 99, 178, 0.47); } /*招贤纳士 结束*/ /*在线留言 开始*/ .lyNyCont_Order { width: 100%; overflow: hidden; padding: 60px 0 100px; } .lyNyOrder_img { float: left; width: 45%; margin-right: 3%; height: 582px; position: relative; } .lyNyOrder_img img { display: block; width: 100%; height: 100%; overflow: hidden; object-fit: cover; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .NyContMsg_main { width: 42%; float: left; } .NyContMsg_main .NyContMsg_tit b { display: block; font-size: 26px; color: #333; font-weight: 400; } .NyContMsg_main .NyContMsg_tit p { color: #666; font-size: 16px; margin: 15px 0 50px; } .NyContMsg_main ul li.msg_ipt { width: 100%; overflow: hidden; margin: 0 3% 20px 0; padding: 0; float: left; } .NyContMsg_main ul li.msg_tara { width: 100%; margin: 0 auto 20px; float: inherit; } .NyContMsg_main ul li.msg_btn { width: 100%; margin: 0 auto; float: inherit; } .NyContMsg_main ul li.msg_ipt input { display: block; width: 100%; height: 44px; overflow: hidden; line-height: 44px; color: #555; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; margin: 0; padding: 0 10px 10px; border: 0; border-bottom: 1px solid #e7e7e7; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyContMsg_main ul li.msg_tara textarea { display: block; width: 100%; height: 160px; overflow: hidden; line-height: 30px; color: #555; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; margin: 0; padding: 20px 10px 10px; border: 0; border-bottom: 1px solid #e7e7e7; outline: none; resize: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyContMsg_main ul li.msg_btn .MsgBtn1 { display: block; width: 214px; height: 56px; overflow: hidden; line-height: 50px; color: #2463b2; border: 3px solid #2463b2; border-radius: 50px; font-size: 20px; text-overflow: ellipsis; white-space: nowrap; margin: 20px 20px 0 0; padding: 0 20px; background: #fff; outline: none; cursor: pointer; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width:1399px) and (min-width:1200px) { .lyNyCont_Office ul li { width: 32%; } .lyNyCont_Office ul li:nth-child(3n+3) { margin-right: 0; } .lyNyCont_Office ul li:nth-child(4n+4) { margin-right: 2%; } .lyNyCont_Office ul li:nth-child(6n+6) { margin-right: 0; } } @media screen and (max-width:1199px) and (min-width:1080px) { .lyNyCont_Office ul li { width: 32%; } .lyNyCont_Office ul li:nth-child(3n+3) { margin-right: 0; } .lyNyCont_Office ul li:nth-child(4n+4) { margin-right: 2%; } .lyNyCont_Office ul li:nth-child(6n+6) { margin-right: 0; } } @media screen and (max-width:1079px) and (min-width:1024px) { .lyNyCont_Office { padding: 70px 0; } .lyNyCont_Office ul li { width: 32%; } .lyNyCont_Office ul li:nth-child(3n+3) { margin-right: 0; } .lyNyCont_Office ul li:nth-child(4n+4) { margin-right: 2%; } .lyNyCont_Office ul li:nth-child(6n+6) { margin-right: 0; } } @media screen and (max-width:1023px) and (min-width:768px) { .lyNyCont_Office { padding: 60px 0; } .lyNyfw_Office { padding: 0 0 60px; } .lyNyCont_Office ul li { width: 49%; } .lyNyCont_Office ul li:nth-child(2n+2) { margin-right: 0; } .lyNyCont_Job { padding: 40px 0; } .lyNyCont_Job .job_list ul li { width: 49%; } .lyNyCont_Job .job_list ul li:nth-child(2n+2) { margin-right: 0; } .lyNyCont_Job .job_list ul li:nth-child(3n+3) { margin-right: 2%; } .lyNyCont_Job .job_list ul li:nth-child(6n+6) { margin-right: 0; } .NyContMsg_main ul li.msg_tara textarea { height: 120px; } .NyContMsg_main .NyContMsg_tit p { margin-bottom: 30px; } .lyNyOrder_img { height: 510px; } .NyContMsg_main ul li.msg_btn .MsgBtn1 { width: 180px; height: 50px; line-height: 45px; } .lyNy_bt { font-size: 35px; } } @media (max-width: 767px) { .lyNyCont_Map .NyContMap_main { height: 300px; } .lyNyCont_Map { width: 100%; } .lyNyCont_lx { width: 100%; padding: 40px 0; } .lyNyCont_lx .lx_tit { font-size: 25px; } .lyNyCont_Office { padding: 50px 0; } .lyNyCont_Office ul li { width: 100%; } .lyNyCont_Office ul li .Office_tit { font-size: 22px; } .lyNyCont_Office ul li .Office_list p { font-size: 15px; } .lyNyCont_Job { padding: 40px 0 10px; } .lyNyCont_Job .job_list ul li { width: 100%; } .lyNy_bt { margin-bottom: 20px; font-size: 30px; } .lyNyCont_Job .job_list ul li .job_tit { font-size: 20px; line-height: 25px; height: 50px; } .lyNyCont_Order { padding: 40px 0 80px; } .lyNyOrder_img { width: 100%; height: 300px; margin-bottom: 40px; } .NyContMsg_main { width: 90%; margin: 20px auto; float: none; } .NyContMsg_main .NyContMsg_tit b { font-size: 22px; } .NyContMsg_main .NyContMsg_tit p { font-size: 15px; } .NyContMsg_main ul li.msg_btn .MsgBtn1 { width: 150px; height: 45px; line-height: 40px; font-size: 15px; } } /*在线留言 结束*/ /*lyNy_Contact 结束*/ /*lyNy_Service 开始*/ .service_bt { text-align: center; margin-top: -20px; } .service_bt .service_bt_b{margin-bottom: 15px;width: 240px;margin: 0 auto;height: 60px;line-height: 60px;} .service_bt b {display:inline-block;font-size: 60px;color: #333;float: left;} .service_bt span {display:inline-block;font-weight: normal;font-size:40px;float: right;} .service_bt p {font-size: 16px;color: #666;clear: both; margin-top:10px;} .service_list{ overflow:hidden;} .service_list ul li { width: 32%; float: left; margin-right: 2%; margin-bottom: 3%; background: #fff; padding: 40px 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center; } .service_list ul li:nth-child(3n) { margin-right: 0; } .service_list ul li .service_img { background: #f1f1f1; padding: 2%; border-radius: 50px; width: 100px; height: 100px; box-sizing: border-box; position: relative; margin: 0 auto; } .service_list ul li .service_img img { display: block; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; max-height: 100%; max-width: 100%; } .service_list ul li .service_text { margin-top: 20px; padding: 0 20px; } .service_list ul li .service_text .service_tit { font-size: 22px; color: #333; font-weight: bold; } .service_list ul li .service_text p { margin: 10px 0; font-size: 16px; color: #999; line-height: 30px; } .service_list ul li .service_text b { display: block; font-size: 17px; color: #999; } .service_list ul li:hover { background: #2463b2; cursor: pointer; } .service_list ul li:hover .service_img { background: #fff; } .service_list ul li:hover .service_text .service_tit { color: #fff; } .service_list ul li:hover .service_text p { color: #fff; } .service_list ul li:hover .service_text b { color: #fff; } .service_list_top { text-align: center; margin-top: 50px; } .service_list_top ul li { display: inline-block; float: none; } @media screen and (max-width:1199px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:1024px) { .service_list ul li .service_text { padding: 0; } .service_bt .service_bt_b{ width:210px;} .service_bt b { font-size: 45px; } .service_bt span { font-size: 35px; } } @media screen and (max-width:1023px) and (min-width:768px) { .service_bt { margin: 0; } .service_bt .service_bt_b{ width:180px;} .service_bt b { font-size: 40px; } .service_bt span { font-size: 30px; } .service_bt p { font-size: 15px; } .service_list ul li { width: 100%; padding: 20px; } .service_list ul li .service_text { padding: 0; } } @media (max-width: 767px) { .service_bt { margin: 0; } .service_bt .service_bt_b{ width:120px;} .service_bt b { font-size: 30px; } .service_bt span { font-size: 20px; } .service_bt p { font-size: 15px; margin:0; } .service_list ul li { width: 100%; padding: 20px; } .service_list ul li .service_text { padding: 0; } .service_list_top{ margin-top:40px;} } .lyNy_service .lyNySer2 {width:100%;overflow:hidden;margin: 60px auto 0;padding: 60px 0 80px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background:#fff;} .lyNySer2 .lyNySer2_tit { width:100%; overflow:hidden; margin:0 auto 40px; padding:0;} .lyNySer2_tit p { width:100%; overflow:hidden; line-height:50px; color:#333; font-size:40px; text-align:center; margin:0 auto 5px; padding:0;} .lyNySer2_tit span { display:block; width:100%; overflow:hidden; line-height:40px; color:#666; font-size:16px; text-align:center; margin:0 auto; padding:0;} .lyNySer2 ul li { width:33.333333%; overflow:hidden; margin:0; padding:0 60px; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNySer2 ul li img { display:block; width:60px; height:60px; overflow:hidden; margin:0 auto 30px; padding:0;} .lyNySer2 ul li .lyNySer2_name { width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:22px; font-weight:bold; text-align:center; margin:0 auto; padding:0;} .lyNySer2 ul li i { display:block; width:40px; height:2px; overflow:hidden; margin:10px auto 30px; padding:0; background-color:#2463b2;} .lyNySer2 ul li p { width:100%; height:60px; overflow:hidden; line-height:30px; color:#999; font-size:16px; text-align:center; margin:0 auto; padding:0; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .lyNySer2_btn { width:100%; overflow:hidden; margin:20px auto 0; padding:0;} .lyNySer2_btn a { display:block; width:200px; height:54px; overflow:hidden; line-height:50px; color:#2463b2; font-size:18px; text-align:center; margin:0 auto; padding:0; background-color:#fff; border:2px solid #2463b2; border-radius:27px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNySer2_btn a:hover { color:#fff; background-color:#2463b2;} @media (max-width:1366px) { .lyNySer2 ul li { padding:0 30px;} } @media (max-width:1280px) { .lyNySer2_tit p { line-height:44px; font-size:36px;} .lyNySer2_tit span { font-size:15px;} .lyNySer2 ul li { padding:0 20px;} .lyNySer2 ul li img { margin:0 auto 20px;} .lyNySer2 ul li i { margin:10px auto 20px;} .lyNySer2 ul li p { height:50px; line-height:25px; font-size:15px;} } @media (max-width:1200px) { } @media (max-width:1080px) { .lyNySer2_tit p { line-height:40px; font-size:34px;} .lyNySer2_tit span { font-size:14px;} .lyNySer2 ul li p { height:48px; line-height:24px; font-size:14px;} } @media (max-width:1024px) { } @media (max-width:800px) { .lyNySer2 .lyNySer2_tit { margin:0 auto 30px;} .lyNySer2 ul li { padding:0 10px;} .lyNySer2 ul li p { height:72px; -webkit-line-clamp:3;} .lyNySer2_btn { margin:30px auto 0;} } @media (max-width: 767px) { .lyNy_service .lyNySer2{ margin:10px auto 0; padding:40px 0 60px;} .lyNySer2 .lyNySer2_tit { margin:0 auto 20px;} .lyNySer2_tit p { line-height:40px; font-size:30px;} .lyNySer2_tit span { line-height:20px;} .lyNySer2 ul li { width:100%; margin:0 auto 20px; padding:0; float:left;} .lyNySer2 ul li img { margin:0 auto 10px;} .lyNySer2 ul li p { height:auto; max-height:72px;} .lyNySer2_btn { margin:30px auto;} .lyNySer2_btn a{ width:180px; height:45px; line-height:45px; font-size:16px;} } @media (max-width: 375px) { } @media (max-width: 320px) { } /*lyNy_Service 结束*/ /*lyNy_Products 开始*/ .lyNy_Products{ width:100%; background:#f6f6f6; overflow:hidden;padding: 60px 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .lyNyPro_Main{ margin:60px auto;} /*产品中心目录*/ .ny_profl{ position:relative; z-index:9;min-height: 100px; background:#fff;padding: 40px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .ny_profl1{ padding-bottom:60px;} .ny_profl .ny_profl_bt{ margin-bottom:30px;} .ny_profl .ny_profl_bt b{ display:block; font-size:28px; font-weight:400; margin-bottom:5px;} .ny_profl .ny_profl_bt b a{ color:#666;} .ny_profl .ny_profl_bt p{ font-size:16px; color:#999;} .ny_profl .swiper-container4{ overflow:hidden; width:92%; margin:0 auto;} .ny_profl .swiper-button-prev2 ,.ny_profl .swiper-button-next2{ width:34px; height:34px; border-radius:50%;position: absolute; top:155px;} .ny_profl1 .swiper-button-prev2 ,.ny_profl1 .swiper-button-next2{ width:34px; height:34px; border-radius:50%;position: absolute; top:50px;} .ny_profl .swiper-button-prev2{left:50px;background:url("../images/ml_prev.png") center center no-repeat; } .ny_profl .swiper-button-next2{background:url("../images/ml_next.png") center center no-repeat; right:40px;} .ny_profl .ny_proflli{position:relative;} .ny_profl .ny_proflli a{box-sizing: border-box;color:#666;font-size:18px;padding:0 40px 0 20px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:50px;line-height:50px;border-bottom:1px solid #dcdcdc; position:relative;} .ny_profl .ny_proflli em{ position:absolute; width:50px; height:30px; display:block;background:url("../images/mulu4.png") center center no-repeat; background-size:11px 8px;right:-10px; top:15px;cursor:pointer;} .ny_profl .ny_proflli.on em{background:url("../images/mulu2.png") center center no-repeat;} .ny_profl .ny_proflli a span { display:block; width:0; height:1px; overflow:hidden; margin:18px 10px 0 0; padding:0; float:left; background-color:#2463b2;-webkit-transition: all .5s;-moz-transition: all .25s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s; position:absolute; left:0; bottom:0;} .ny_profl .ny_proflli a:hover span { width:100%;} .ny_profl .ny_proflli .erjifl{width:100%;margin-top: 10px;display:none; height:120px; overflow-y:scroll;} .ny_profl .ny_proflli .erjifl .erjiflbg{background:#fff;overflow:hidden;} .ny_profl .ny_proflli .erjifl .erjiflbg a{color: #999;border-bottom:0;font-size:15px;width: 100%;float:left;height: 45px;line-height: 45px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:url("../images/icon4.png")0 center no-repeat; position:relative;} .ny_profl .ny_proflli .erjifl .erjiflbg a:nth-child(2n){ margin-right:0;} .ny_profl .ny_proflli .erjifl .erjiflbg a i { display:block; width:0; height:1px; overflow:hidden; margin:18px 10px 0 0; padding:0; float:left; background-color:#2463b2;-webkit-transition: all .5s;-moz-transition: all .25s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s; position:absolute; left:0; bottom:0;} .ny_profl .ny_proflli .erjifl .erjiflbg a:hover i { width:100%;} .ny_profl .ny_proflli .erjifl .erjiflbg a:hover{color:#2463b2;} .ny_profl .ny_proflli a:hover{ border:0; color:#2463b2;} @media screen and (max-width:1199px) and (min-width:1080px) { .ny_profl .swiper-button-prev2{ left:20px;} .ny_profl .swiper-button-next2{ right:20px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ny_profl .swiper-button-prev2{ left:20px;} .ny_profl .swiper-button-next2{ right:20px;} } @media screen and (max-width:1023px) and (min-width:768px) { .ny_profl .swiper-button-prev2{ left:20px;} .ny_profl .swiper-button-next2{ right:20px;} } @media (max-width: 767px) { .lyNy_Products{ padding:40px 0;} .lyNyPro_Main{ margin:40px auto;} .ny_profl .ny_profl_bt{ margin-bottom:20px;} .ny_profl .swiper-container4{ width:88%;} .ny_profl{ padding:30px 20px;} .ny_profl .swiper-button-prev2{ left:0;background-size: 25px 25px; top:130px;} .ny_profl .swiper-button-next2{ right:0;background-size: 25px 25px; top:130px;} .ny_profl1 .swiper-button-prev2{left:0;background-size: 25px 25px; top:50px;} .ny_profl1 .swiper-button-next2{right:0;background-size: 25px 25px; top:50px;} } /*lyNy_Products 结束*/ /*NyProList 开始*/ .NyProList { width:100%; height:auto; margin:0 auto; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyProList ul li { width:49%; height:auto; margin:0 2% 30px 0; padding:0; background-color:#fff; box-shadow:0 10px 20px rgba(0,0,0,0); float:left; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyProList ul li:nth-child(2n+2) { margin:0 0 30px;} .NyProList ul li:hover { background-color:#2463b2; box-shadow:0 10px 20px rgba(0,0,0,0.1);} .NyProList ul li .NyProList_img {width: 35%;height:220px;overflow:hidden;margin: 20px auto;padding:20px;float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .NyProList ul li .NyProList_img p { width:100%; height:100%; overflow:hidden; margin:0; padding:0;} .NyProList ul li .NyProList_img p a { display:block; width:100%; height:100%; overflow:hidden; margin:0; padding:0; background-color:#fff; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyProList ul li .NyProList_img p a img { display:block; max-width:100%; max-height:100%; overflow:hidden; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyProList ul li:hover .NyProList_img p a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);} .NyProList ul li .NyProList_con {width: 65%;height:auto;overflow:hidden;margin:0 auto;padding: 30px 30px 30px 20px;float:right;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .NyProList ul li .NyProList_con a.NyProList_name { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:18px; white-space:nowrap; text-overflow:ellipsis; margin:0 auto; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyProList ul li:hover .NyProList_con a.NyProList_name { color:#fff;} .NyProList ul li .NyProList_con p {width:100%;height:50px;overflow:hidden;line-height:25px;color:#999;font-size:15px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin: 5px auto 10px;padding:0;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;} .NyProList ul li:hover .NyProList_con p { color:rgba(255,255,255,0.7);} .NyProList ul li .NyProList_con .NyProList_bq { width:100%;line-height:30px; color:#999; font-size:15px; margin:0 auto; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyProList ul li .NyProList_con .NyProList_bq span { display:inline-block; color:#999; margin:0 20px 0 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; max-width: 230px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .NyProList ul li .NyProList_con .NyProList_bq span:nth-child(2){ max-width: 250px; } .NyProList ul li .NyProList_con .NyProList_bq span:nth-child(3){ max-width: 160px; } .NyProList ul li .NyProList_con .ckxq{width:120px;height:35px;line-height:35px;border:1px solid #ccc;text-align:center;margin-top: 8px;} .NyProList ul li .NyProList_con .ckxq a{ font-size:15px; color:#999;} .NyProList ul li .NyProList_con .NyProList_bq span font { color:#333; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyProList ul li:hover .NyProList_con .NyProList_bq, .NyProList ul li:hover .NyProList_con .NyProList_bq span { color:rgba(255,255,255,0.7);} .NyProList ul li:hover .NyProList_con .NyProList_bq span font { color:#fff;} .NyProList ul li:hover .NyProList_con .ckxq{ border:1px solid #fff;} .NyProList ul li:hover .NyProList_con .ckxq a{ color:#fff;} @media screen and (max-width:1199px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:1024px) { .NyProList ul li .NyProList_img{width: 50%; padding:10px;} .NyProList ul li .NyProList_con{ width:50%;} } @media screen and (max-width:1023px) and (min-width:768px) { .NyProList ul li .NyProList_img{width: 100%;height:200px;margin: 20px auto 0;} .NyProList ul li .NyProList_con{ width:100%; padding-top:10px;} } @media (max-width: 767px) { .NyProList ul li{ width:100%;} .NyProList ul li .NyProList_img{width: 100%;height: 200px;margin: 10px auto 0;} .NyProList ul li .NyProList_con{ width:100%; padding-top:10px;} } /*NyProList 结束*/ /*Ny_Solution 开始*/ .Ny_Solution { width:100%; overflow:hidden; margin:0 auto; padding:0 0 60px;} .Ny_Solution .NySolution_part2 {width:100%;overflow:hidden;margin:0 auto;padding: 80px 0;background-color:#fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .NySolution_part2 .NySolution_list2 {overflow:hidden; margin:0 auto; padding:0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .NySolution_list2 ul li {width:100%;margin:0 auto 80px;padding:80px 0 0;position:relative;} .NySolution_list2 ul li:last-child { margin:0 auto;} .NySolution_list2 ul li .NySolutionList_img {width: 44%;height:440px;margin:0;padding:0;position:absolute;top: 36px;left:0;} .NySolution_list2 ul li .NySolutionList_img a:before{content: '';display: block;width: 100%;height: 440px;position: absolute;background: #d3e0f0;top: -36px;left: 36px;border-top-right-radius: 80px;} .NySolution_list2 ul li .NySolutionList_img a {display:block;width:100%;height:100%;margin:0 auto;padding:0;background-color:#fff;position:relative;} .NySolution_list2 ul li .NySolutionList_img a img {display:block;width: 100%;height: 100%;margin:auto;padding:0;position:absolute;left:0;top:0;right:0;bottom:0;transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;object-fit: cover;border-top-right-radius: 80px;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_img { right:0; left:inherit;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_img img{border-top-left-radius: 80px;border-top-right-radius:inherit;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_img a:before{border-top-left-radius: 80px; left:-36px;border-top-right-radius:inherit;} .NySolution_list2 ul li .NySolutionList_text {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con {width: 54%;min-height:400px;overflow:hidden;margin:0;padding: 0 80px;position:relative;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;float:right;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con { float:left; padding:0 80px 0 0;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms { width:100%;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms a.Sol_Name{font-size:30px;color:#333;font-weight:400;display:block;margin: 30px 0;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms p {width:100%;max-height:145px;overflow:hidden;line-height: 35px;color: #999;font-size: 18px;text-align:justify;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;} @media screen and (max-width:1199px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:1024px) { } @media screen and (max-width:1023px) and (min-width:768px) { .Ny_Solution .NySolution_part2{ padding:60px 0 20px;} .NySolution_list2 ul li .NySolutionList_img{ width:50%; height:400px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con{ width:50%; padding: 0 10px 0 70px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms a.Sol_Name{ font-size:28px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms p{max-height: 120px;line-height: 30px; font-size:17px;} .NySolution_list2 ul li .NySolutionList_img a:before{ height:400px;} .NySolution_list2 ul li{ margin:0 auto 60px;} } @media (max-width: 767px) { .Ny_Solution .NySolution_part2{ padding:0 0 40px;} .NySolution_list2 ul li{ padding:40px 0 0; margin: 0 auto;} .NySolution_list2 ul li .NySolutionList_img{ width:95%; height:300px; position:inherit;} .NySolution_list2 ul li .NySolutionList_img a:before{ height:300px; left:15px;top:-16px;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_img{ left:15px;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_img a:before{left:-15px;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con{ padding:0;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con{ width:100%;padding: 10px;position: inherit;float: none;margin-top: 70px;min-height: auto;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms a.Sol_Name{ font-size:25px; margin:20px 0;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms p{ max-height:95px; font-size:16px; line-height:30px;} } @media (max-width:320px) { .NySolution_list2 ul li{ padding:30px 0 0;} } /*Ny_Solution 结束*/ /*分页样式 开始*/ #fengye { text-align: center; margin: 30px auto 60px; color: #555; font-size:16px;} #fengye table { display:inline-block;} #fengye table tr td { font-size:0;} #fengye a { display: inline-block; padding: 0 15px; background: #ddd; height: 36px; line-height: 36px; text-align: center; margin: 0 5px; border-radius:0; color: #555; font-size:16px; background: #fff;} #fengye.fengye1 a { background-color:#f0f0f0;} #fengye a#firstpage, #fengye a#uppage, #fengye a#downpage, #fengye a#endpage { background: #2463b2; color: #fff;} #fengye a:hover { background: #2463b2; color: #fff;} #fengye a.page-num-current { background: #2463b2; color: #fff;} #fengye input { display: inline-block; padding: 0 5px; background-color: #2463b2; width: 40px !important; height: 36px !important; line-height: 36px; text-align: center; border-radius: 0; margin: 0 5px; color: #fff; cursor: pointer; border: 0; outline:none;} #fengye .p_input { display: inline-block; padding: 0 5px; background: #ddd; height: 36px; line-height: 36px; text-align: center; margin: 0 5px; color: #555; cursor: default;} @media screen and (max-width:1023px) and (min-width:768px) { #fengye { margin:50px auto 20px;font-size:0;} #fengye input, #fengye .p_input { display:none;} #fengye a { height: 40px; line-height: 40px; font-size:14px; padding: 0 15px; border-radius: 4px; display:none;} #fengye a#firstpage, #fengye a#uppage, #fengye a#downpage, #fengye a#endpage { display:inline-block;} } @media (max-width: 767px) { #fengye { margin:10px auto 20px;font-size:0;} #fengye input, #fengye .p_input { display:none;} #fengye a { height: 40px; line-height: 40px; font-size:14px; padding: 0 15px; border-radius: 4px; display:none;} #fengye a#firstpage, #fengye a#uppage, #fengye a#downpage, #fengye a#endpage { display:inline-block;} } @media (max-width: 375px) { } @media (max-width: 320px) { #fengye a { padding:0 10px;} } /*分页样式 结束*/ /*lyNy_video 开始*/ .lyNy_video { width:100%; height:auto; min-height:320px; padding:60px 0; background:#f6f6f6;} .lyNy_video ul li { width:32%; height:auto; margin:0 2% 30px 0; padding:30px; background-color:#fff; border:4px solid #fff; float:left; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .lyNy_video ul li:nth-child(3n+3) { margin:0 0 30px;} .lyNy_video ul li:hover { border:4px solid #2463b2;} .lyNy_video ul li .lyNyVideo_img { width:100%; height:280px; overflow:hidden; margin:0 auto 20px; padding:0;} .lyNy_video ul li .lyNyVideo_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0; padding:0; background-color:#fff; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyNy_video ul li .lyNyVideo_img a img { display:block; width: 100%; height: 100%; overflow: hidden; object-fit: cover; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyNy_video ul li:hover .lyNyVideo_img a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);} .lyNy_video ul li .lyNyVideo_img a i { display:block; width:100%; height:100%; overflow:hidden; margin:0; padding:0; background:rgba(0,0,0,0.5) url("../images/vd_ico.png") center center no-repeat; background-size:60px 60px; position:absolute; left:0; top:0;} .lyNy_video ul li .lyNyVideo_text { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0;} .lyNy_video ul li .lyNyVideo_text a.lyNyVideo_name { display:block; width:100%; height:44px; overflow:hidden; line-height:44px; color:#333; font-size:22px; text-align:center; text-overflow:ellipsis; white-space:nowrap; margin:0 auto; padding:0;} .lyNy_video ul li:hover .lyNyVideo_text a.lyNyVideo_name { color:#2463b2;} .lyNy_video ul li .lyNyVideo_text p { width:100%; height:60px; overflow:hidden; line-height:30px; color:#999; font-size:16px; text-align:center; margin:12px auto 20px; padding:0; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .lyNy_video ul li .lyNyVideo_text a.lyNyVideo_more { display:block; width:168px; height:44px; overflow:hidden; line-height:44px; color:#fff; font-size:16px; text-align:center; margin:0 auto; padding:0; background-color:#999; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyNy_video ul li .lyNyVideo_text a.lyNyVideo_more img { display:inline-block; width:20px; height:20px; vertical-align:middle; margin:-4px 0 0 10px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyNy_video ul li:hover .lyNyVideo_text a.lyNyVideo_more { background-color:#2463b2;} .lyNy_video ul li:hover .lyNyVideo_text a.lyNyVideo_more img { margin:-4px 0 0 20px;} .ny_video{width:80% !important;margin:-80px auto 40px;min-height:500px;display: block;} @media screen and (max-width:1399px) and (min-width:1200px) { .lyNy_video ul li{ padding:10px;} .ny_video{margin:-50px auto 40px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .lyNy_video ul li{ width:49%;} .lyNy_video ul li:nth-child(2n+2) { margin:0 0 30px;} .lyNy_video ul li:nth-child(3n+3) { margin:0 2% 0 0;} .lyNy_video ul li:nth-child(6n+6) { margin:0 0 30px;} .ny_video{margin:20px auto 40px;} } @media screen and (max-width:1023px) and (min-width:768px) { .lyNy_video { padding:40px 0;} .lyNy_video ul li{ width:49%;} .lyNy_video ul li:nth-child(2n+2) { margin:0 0 30px;} .lyNy_video ul li:nth-child(3n+3) { margin:0 2% 0 0;} .lyNy_video ul li:nth-child(6n+6) { margin:0 0 30px;} .lyNy_video ul li .lyNyVideo_img{ height:240px;} .ny_video{margin:20px auto;min-height:350px;} } @media (max-width: 767px) { .lyNy_video { padding:40px 0;} .lyNy_video ul li{ width:100%; padding:15px;} .lyNy_video ul li .lyNyVideo_img{ height:200px;} .lyNy_video ul li .lyNyVideo_text a.lyNyVideo_name{ font-size:18px;} .lyNy_video ul li .lyNyVideo_text p{ font-size:15px;margin: 5px auto 15px;} .ny_video{margin:0 auto 20px;min-height:200px;} } /*lyNy_video 结束*/ /*lyNy_news 开始*/ .lyNy_news { width:100%; height:auto; min-height:320px; overflow:hidden; margin:0 auto; padding:0 0 60px;} .lyNy_news .lyNyNews_tj {overflow:hidden; margin:0 auto; padding:0 0 60px; background-color:#f6f6f6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyNews_tj .lyNyNewsTj_main {height:auto; overflow:hidden; margin:0 auto; padding:0; background-color:#fff;} .lyNyNewsTj_main .lyNyNewsTj_img { width:50%; height:420px; overflow:hidden; margin:0; padding:0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyNewsTj_main .lyNyNewsTj_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0; padding:0; background-color:#fff; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyNyNewsTj_main .lyNyNewsTj_img a img { display:block; max-width: 100%; max-height: 100%; overflow: hidden; object-fit: cover; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyNyNewsTj_main:hover .lyNyNewsTj_img a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);} .lyNyNewsTj_main .lyNyNewsTj_text { width:50%; height:auto; overflow:hidden; margin:0; padding:60px 40px; float:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyNewsTj_main .lyNyNewsTj_text a.lyNyNewsTj_name { display:block; width:100%; height:48px; overflow:hidden; line-height:48px; color:#333; font-size:24px; white-space:nowrap; text-overflow:ellipsis; margin:0 auto; padding:0;} .lyNyNewsTj_main:hover .lyNyNewsTj_text a.lyNyNewsTj_name { color:#2463b2;} .lyNyNewsTj_main .lyNyNewsTj_text p { width:100%; height:90px; overflow:hidden; line-height:30px; color:#666; font-size:16px; text-align:justify; margin:20px auto 40px; padding:0; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;} .lyNyNewsTj_main .lyNyNewsTj_text .lyNyNewsTj_time { width:100%; height:40px; overflow:hidden; line-height:40px; color:#999; font-size:16px; margin:0 auto 22px; padding:0;} .lyNyNewsTj_main .lyNyNewsTj_text .lyNyNewsTj_time img { display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin: -4px 5px 0 0;} .lyNyNewsTj_main .lyNyNewsTj_text a.lyNyNewsTj_btn { display:block; width:45px; height:40px; overflow:hidden; margin:0; padding:0; float:right; position:relative;} .lyNyNewsTj_main .lyNyNewsTj_text a.lyNyNewsTj_btn img { display:block; width:90px; height:30px; margin:-15px 0 0 0; padding:0; position:absolute; left:0; top:50%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyNyNewsTj_main:hover .lyNyNewsTj_text a.lyNyNewsTj_btn img { margin:-15px 0 0 -45px;} .lyNy_news .lyNyNews_main { height:auto; margin:60px auto 0; padding:0;} .lyNyNews_main .lyNyNews_list { width:100%; height:auto; margin:0 auto; padding:0;} .lyNyNews_list ul li { width:32%; height:auto; margin:0 2% 30px 0; padding:0; background-color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.06); float:left; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyNyNews_list ul li:nth-child(3n+3) { margin:0 0 30px;} .lyNyNews_list ul li:hover { box-shadow:0 10px 20px rgba(0,0,0,0.1);} .lyNyNews_list ul li .lyNyNews_img { width:100%; height:270px; overflow:hidden; margin:0 auto; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyNews_list ul li .lyNyNews_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0; padding:0; background-color:#fff; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyNyNews_list ul li .lyNyNews_img a img { display:block; max-width: 100%; max-height: 100%; overflow: hidden; object-fit: cover; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyNyNews_list ul li:hover .lyNyNews_img a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);} .lyNyNews_list ul li .lyNyNews_text { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:20px 20px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyNews_list ul li .lyNyNews_text a.lyNyNews_name { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:20px; white-space:nowrap; text-overflow:ellipsis; margin:0 auto; padding:0;} .lyNyNews_list ul li:hover .lyNyNews_text a.lyNyNews_name { color:#2463b2;} .lyNyNews_list ul li .lyNyNews_text span { display:block; width:100%; height:30px; overflow:hidden; line-height:30px; color:#999; font-size:15px; margin:5px auto 0; padding:0;} .lyNyNews_list ul li .lyNyNews_text span img { display:inline-block; width: 20px; height: 20px; vertical-align: middle; margin: -4px 5px 0 0;} .lyNyNews_list ul li .lyNyNews_text p { width:100%; height:50px; overflow:hidden; line-height:25px; color:#666; font-size:15px; text-align:justify; margin:10px auto 20px; padding:0; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;} .lyNyNews_list ul li .lyNyNews_text a.lyNyNews_more { display:block; width:128px; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:15px; text-align:center; margin:0; padding:0; background-color:#2463b2; border-radius:20px;} .lyNyNews_list ul li .lyNyNews_text a.lyNyNews_more img { display:inline-block; width:22px; height: 22px; vertical-align: middle; margin: -4px 5px 0 0;} @media screen and (max-width:1199px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:1024px) { .lyNyNews_list ul li .lyNyNews_img{ height:220px;} } @media screen and (max-width:1023px) and (min-width:768px) { .lyNy_news .lyNyNews_tj{ padding:0 0 40px;} .lyNyNews_list ul li{ width:49%;} .lyNy_news .lyNyNews_main{ margin-top:40px;} .lyNyNews_list ul li:nth-child(2n+2) { margin:0 0 30px;} .lyNyNews_list ul li:nth-child(3n+3) { margin:0 2% 0 0;} .lyNyNews_list ul li:nth-child(6n+6) { margin:0 0 30px;} } @media (max-width: 767px) { .lyNy_news .lyNyNews_tj{ padding:0 0 20px;} .lyNyNewsTj_main .lyNyNewsTj_img{ width:100%;height: 220px;} .lyNyNewsTj_main .lyNyNewsTj_text{ width:100%; padding:20px;} .lyNyNewsTj_main .lyNyNewsTj_text p{ height: 50px;line-height: 28px;font-size: 15px; margin: 10px auto; -webkit-line-clamp: 2;} .lyNyNewsTj_main .lyNyNewsTj_text a.lyNyNewsTj_name{ height:40px; line-height:40px; font-size:18px;} .lyNyNewsTj_main .lyNyNewsTj_text .lyNyNewsTj_time{ margin-bottom:10px; font-size:15px;} .lyNyNews_list ul li{ width:100%;} .lyNyNews_list ul li .lyNyNews_img{ height:220px;} .lyNy_news .lyNyNews_main{ margin-top:20px;} .lyNyNews_list ul li .lyNyNews_text{ padding:20px;} .lyNyNews_list ul li .lyNyNews_text a.lyNyNews_name{ font-size:17px;} .lyNyNews_list ul li .lyNyNews_text a.lyNyNews_more {width: 120px;font-size: 14px;} } @media (max-width: 767px) { } /*lyNy_news 结束*/ /*lyNyNew_detail 开始*/ .lyNyNew_detail { width:100%; max-width:1600px; height:auto; min-height:320px; overflow:hidden; margin:60px auto; padding:0;} .lyNyNew_detail .NyNewDetail_con { width:70%; overflow:hidden; margin:0; padding:0; float:left;} .NyNewDetail_con .NyNewDetail_tit { width:100%; overflow:hidden; line-height:40px; color:#333; font-size:30px; margin:0 auto; padding:0;} .NyNewDetail_con .NyNewDetail_tips { width:100%; height:auto; overflow:hidden; line-height:30px; color:#999; font-size:15px; margin:20px auto 40px; padding:0 0 9px; border-bottom:1px solid #eee;} .NyNewDetail_con .NyNewDetail_text { width:100%; overflow:hidden; margin:0 auto; padding:0; line-height:30px; color:#666; font-size:15px; text-align:justify; min-height:300px;} .NyNewDetail_text p, .NyNewDetail_text div { width:100%; overflow:hidden; line-height:30px; color:#666; font-size:15px; text-align:justify; text-indent:0; margin:0 auto; padding:0;} .NyNewDetail_text p span, .NyNewDetail_text span, .NyNewDetail_text p em, .NyNewDetail_text em { color:#666!important; font-family:Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif!important; font-size:15px!important;} .NyNewDetail_text table tr td p { text-indent:0!important;} .NyNewDetail_text img { display:inline-block; width:auto!important; height:auto!important; max-width:100%; margin:0 auto; padding:0; text-indent:0!important;} .lyNyNew_detail .NyNewDetail_right { width:25%; overflow:hidden; margin:0 0 40px; padding:0; float:right;} .NyNewDetail_right .NyNewDetail_page { width:100%; overflow:hidden; margin:0 auto; padding:0;} .NyNewDetail_page ul li { width:100%; overflow:hidden; margin:0 auto 20px; padding:20px 20px 10px; background-color:#f7f7f7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyNewDetail_page ul li span { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:22px; font-weight:bold; margin:0 auto; padding:0;} .NyNewDetail_page ul li a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:18px; white-space:nowrap; text-overflow:ellipsis; margin:0 auto 10px; padding:0;} .NyNewDetail_page ul li a:hover { color:#2463b2;} .NyNewDetail_page ul li font { display:block; width:100%; height:30px; overflow:hidden; line-height:30px; color:#999; font-size:15px; margin:0 auto; padding:0;} .NyNewDetail_right .NyNewDetail_MoreNews { width:100%; overflow:hidden; margin:0 auto 60px; padding:20px; background-color:#f7f7f7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyNewDetail_MoreNews .MoreNews_tit { width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:22px; font-weight:bold; margin:0 auto; padding:0;} .MoreNews_tit i { display:block; width:3px; height:22px; overflow:hidden; margin:9px 10px 9px 0; padding:0; background-color:#2463b2; float:left;} .NyNewDetail_MoreNews ul li { width:100%; overflow:hidden; margin:0 auto; padding:15px 0 14px; border-bottom:1px dashed #ddd;} .NyNewDetail_MoreNews ul li:last-child { border:0;} .NyNewDetail_MoreNews ul li .MoreNews_text { width:64%; height:auto; overflow:hidden; margin:0; padding:0 20px 0 0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyNewDetail_MoreNews ul li .MoreNews_text a { display:block; width:100%; height:50px; overflow:hidden; line-height:25px; color:#333; font-size:15px; font-weight:bold; margin:0 auto 10px; padding:0; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .NyNewDetail_MoreNews ul li:hover .MoreNews_text a { color:#2463b2;} .NyNewDetail_MoreNews ul li .MoreNews_text span { display:block; width:100%; height:28px; overflow:hidden; line-height:28px; color:#999; font-size:14px; margin:0 auto; padding:0;} .NyNewDetail_MoreNews ul li .MoreNews_text span img { display:block; width:20px; height:20px; overflow:hidden; margin:4px 5px 4px 0; padding:0; float:left;} .NyNewDetail_MoreNews ul li .MoreNews_img { width:36%; height:88px; overflow:hidden; margin:0; padding:0; float:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyNewDetail_MoreNews ul li .MoreNews_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0; padding:0; background-color:#fff; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyNewDetail_MoreNews ul li .MoreNews_img a img { display:block; max-width: 100%; max-height: 100%; overflow: hidden; object-fit: cover; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyNewDetail_MoreNews ul li:hover .MoreNews_img a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);} .NyNewDetail_MoreDown ul li .MoreNews_text { width:100%; padding:0; float:inherit;} .NyNewDetail_MoreDown ul li .MoreNews_text a { height:30px; line-height:30px; display: block; white-space:nowrap; text-overflow:ellipsis; -webkit-line-clamp:inherit; -webkit-box-orient:inherit;} .lyNyJob_detail { width:100%; max-width:1600px; height:auto; min-height:320px; overflow:hidden; margin:60px auto; padding:0;} .lyNyJob_detail .NyJobDetail_con { width:70%; overflow:hidden; margin:0; padding:0; float:left; position:relative;} .lyNyJob_detail .NyJobDetail_con .NyJobDetail_address{ position:absolute;right:0; top:0; font-size:17px; min-width:100px;} .NyJobDetail_con .NyJobDetail_tit { width:85%; overflow:hidden; line-height:40px; color:#333; font-size:30px; margin:0; padding:0;} .NyJobDetail_con .NyJobDetail_Job { width:100%; height:auto; overflow:hidden; line-height:30px; color:#999; font-size:15px; margin:30px auto 0; padding:0 0 5px;} .NyJobDetail_con .NyJobDetail_tips { width:100%; height:auto; overflow:hidden; line-height:30px; color:#999; font-size:15px; margin:0 auto 40px; padding:0 0 25px; border-bottom:1px solid #eee;} .NyJobDetail_con .NyJobDetail_text { width:100%; overflow:hidden; margin:0 auto; padding:0; line-height:30px; color:#666; font-size:15px; text-align:justify;} .NyJobDetail_text p, .NyJobDetail_text div { width:100%; overflow:hidden; line-height:35px; color:#888; font-size:14px; text-align:justify; text-indent:0; margin:0 auto; padding:0;} .NyJobDetail_con .NyJobDetail_text .NyJobDetail_text_bt{ font-size:20px; margin-bottom:10px; color:#333;} .NyJobDetail_con .NyJobDetail_text .NyJobDetail_text_bt1{ margin-top:30px;} .NyJobDetail_text p span, .NyJobDetail_text span, .NyJobDetail_text p em, .NyJobDetail_text em { color:#888!important; font-family:Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif!important; font-size:15px!important;} .NyJobDetail_text table tr td p { text-indent:0!important;} .NyJobDetail_text img { display:inline-block; width:auto!important; height:auto!important; max-width:100%; margin:0 auto; padding:0; text-indent:0!important;} .lyNyJob_detail .NyNewDetail_right { width:25%; overflow:hidden; margin:0; padding:0; float:right; margin-bottom:50px;} .NyNewDetail_right .NyNewDetail_MoreJob { width:100%; overflow:hidden; margin:0 auto; padding:20px; background-color:#f7f7f7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyNewDetail_MoreJob .MoreJob_tit { width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:22px; font-weight:bold; margin:0 auto; padding:0;} .MoreJob_tit i { display:block; width:3px; height:22px; overflow:hidden; margin:9px 10px 9px 0; padding:0; background-color:#2463b2; float:left;} .NyNewDetail_MoreJob ul li { width:100%; overflow:hidden; margin:0 auto; padding:15px 0 14px; border-bottom:1px dashed #ddd;} .NyNewDetail_MoreJob ul li:last-child { border:0;} .NyNewDetail_MoreJob ul li .MoreJob_text { width:100%; height:auto; overflow:hidden; margin:0; padding:0 20px 0 0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyNewDetail_MoreJob ul li .MoreJob_text a { display:block; width:100%;color:#333; font-size:17px; margin:0 auto 10px; padding:0; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .NyNewDetail_MoreJob ul li:hover .MoreJob_text a { color:#2463b2;} .NyNewDetail_MoreJob ul li .MoreJob_text p { font-size: 15px; color: #a2a4a8; } .NyNewDetail_MoreJob ul li .MoreJob_text p b { font-weight: normal; display: block; float: left; max-width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .NyNewDetail_MoreJob ul li .MoreJob_text p span { display: block; float: left; margin-left: 10px; } @media (max-width:1680px){ .lyNyNew_detail,.lyNyJob_detail { width:95%;} } @media (max-width:1600px){ } @media (max-width:1440px) { .lyNyNew_detail,.lyNyJob_detail { width:95%;} .NyNewDetail_con .NyNewDetail_tit,.NyJobDetail_con .NyJobDetail_tit { font-size:28px;} .NyNewDetail_page ul li a { font-size:16px;} .lyNyNew_detail .NyNewDetail_con { width:68%;} .lyNyNew_detail .NyNewDetail_right { width:28%;} .lyNyJob_detail .NyJobDetail_con { width:68%;} .lyNyJob_detail .NyNewDetail_right { width:28%;} } @media (max-width:1366px) { .lyNyNew_detail,.lyNyJob_detail { width:95%; margin:50px auto;} } @media (max-width:1280px) { .lyNyNew_detail { width:95%; margin:40px auto;} .lyNyNew_detail .NyNewDetail_con,.lyNyJob_detail .NyJobDetail_con{ width:66%;} .NyNewDetail_con .NyNewDetail_tips { margin:20px auto;} .lyNyNew_detail .NyNewDetail_right,.lyNyJob_detail .NyNewDetail_right { width:30%;} .lyNyProDetail_right{ width:25%;} } @media (max-width:1200px) { } @media (max-width:1080px) { .lyNyNew_detail { width:95%; margin:30px auto;} .lyNyNew_detail .NyNewDetail_con,.lyNyJob_detail .NyJobDetail_con { width:100%; margin:0 auto 30px; float:inherit;} .lyNyNew_detail .NyNewDetail_right,.lyNyJob_detail .NyNewDetail_right { width:100%; margin:0 auto; float:inherit;} .NyNewDetail_page ul li { width:48.5%; float:left; margin:0 3% 20px 0; float:left;} .NyNewDetail_page ul li:nth-child(2) { margin:0 0 20px;} .NyNewDetail_MoreNews ul li,.NyNewDetail_MoreJob ul li{ width:48.5%; float:left; margin:0 3% 0 0; float:left;} .NyNewDetail_MoreNews ul li:nth-child(2n+2),.NyNewDetail_MoreJob ul li:nth-child(2n+2) { margin:0;} .NyNewDetail_MoreNews ul li:last-child,.NyNewDetail_MoreJob ul li:last-child { border-bottom:1px dashed #ddd;} } @media (max-width:1024px) { } @media (max-width:800px) { .NyNewDetail_con .NyNewDetail_tit,.NyJobDetail_con .NyJobDetail_tit { font-size:26px;} } @media (max-width: 767px) { .lyNyNew_detail { width:95%; margin:20px auto;} .NyNewDetail_con .NyNewDetail_tit { line-height:32px; font-size:22px;} .NyNewDetail_con .NyNewDetail_tips { line-height:24px; font-size:14px; margin: 10px auto 20px;} .NyNewDetail_page ul li { width:100%; float: inherit; margin:0 auto 20px;} .NyNewDetail_page ul li:nth-child(2) { margin:0 auto 20px;} .NyNewDetail_MoreNews ul li { width:100%; float:inherit; margin:0 auto;} .NyNewDetail_MoreNews ul li:nth-child(2n+2) { margin:0 auto;} .NyNewDetail_MoreNews ul li:last-child { border:0;} .NyNewDetail_page ul li span { font-size:20px;} .NyNewDetail_MoreNews .MoreNews_tit { font-size:20px;} .MoreNews_tit i { height:20px; margins:10px 10px 10px 0;} .NyNewDetail_page ul li a { margin:0 auto;} .NyNewDetail_page ul li font { height:24px; line-height:24px; font-size:14px;} .NyJobDetail_con .NyJobDetail_tit { line-height:32px; font-size:22px;} .NyJobDetail_con .NyJobDetail_tips { line-height:24px; font-size:14px; margin: 10px auto 20px;} .NyJobDetail_MoreJob ul li { width:100%; float:inherit; margin:0 auto;} .NyJobDetail_MoreJob ul li:nth-child(2n+2) { margin:0 auto;} .NyJobDetail_MoreJob ul li:last-child { border:0;} .NyNewDetail_MoreJob .MoreJob_tit { font-size:20px;} } @media (max-width: 375px) { } @media (max-width: 320px) { } /*lyNyNew_detail 结束*/ /*lyNyCase_list 开始*/ .lyNyCase{ width:100%; background:#f6f6f6;padding:60px 0; overflow:hidden;} .lyNyCase_list {height:auto; margin:0 auto; padding:0;} .lyNyCase_list ul li { width:32%; height:auto; margin:0 2% 30px 0; padding:30px; background-color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.06); float:left; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .lyNyCase_list ul li:nth-child(3n+3) { margin:0 0 30px;} .lyNyCase_list ul li:hover { box-shadow:0 10px 20px rgba(0,0,0,0.06);} .lyNyCase_list ul li .lyNyCase_time { width:100%; overflow:hidden; margin:0 auto; padding:0;} .lyNyCase_list ul li .lyNyCase_time font { display:block; width:100%; height:30px; overflow:hidden; line-height:30px; color:#999; font-size:18px; font-weight:bold; margin:0 auto; padding:0;} .lyNyCase_list ul li .lyNyCase_time span { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#999; font-size:36px; font-weight:bold; margin:0 auto; padding:0;} .lyNyCase_list ul li:hover .lyNyCase_time font, .lyNyCase_list ul li:hover .lyNyCase_time span { color:#333;} .lyNyCase_list ul li .lyNyCase_name { width:100%; overflow:hidden; margin:20px auto; padding:0;} .lyNyCase_list ul li .lyNyCase_name a { display:block; width:100%; height:64px; overflow:hidden; line-height:32px; color:#333; font-size:22px; font-weight:bold; margin:0 auto; padding:0; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .lyNyCase_list ul li:hover .lyNyCase_name a { color:#2463b2;} .lyNyCase_list ul li .lyNyCase_img { width:100%; height:260px; overflow:hidden; margin:0 auto 20px; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyCase_list ul li .lyNyCase_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0; padding:0; background-color:#fff; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyNyCase_list ul li .lyNyCase_img a img { display:block; width: 100%; height: 100%; overflow: hidden; object-fit: cover; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyNyCase_list ul li:hover .lyNyCase_img a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);} .lyNyCase_list ul li .lyNyCase_ms { width:100%; overflow:hidden; margin:0 auto; padding:0;} .lyNyCase_list ul li .lyNyCase_ms p { width:100%; height:60px; overflow:hidden; line-height:30px; color:#999; font-size:16px; margin:0 auto; padding:0; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;} @media (max-width:1680px){ } @media (max-width:1600px){ .lyNyCase_list ul li .lyNyCase_img { height:245px;} } @media (max-width:1560px) { .lyNyCase_list ul li .lyNyCase_img { height:240px;} } @media (max-width:1440px) { .lyNyCase_list ul li .lyNyCase_name a { height:60px; line-height:30px; font-size:20px;} .lyNyCase_list ul li .lyNyCase_img { height:224px;} .lyNyCase_list ul li .lyNyCase_ms p { height:50px; line-height:25px; font-size:15px;} } @media (max-width:1366px) { .lyNyCase_list ul li .lyNyCase_img { height:220px;} } @media (max-width:1280px) { .lyNyCase_list ul li { width:32%; margin:0 2% 20px 0; padding:20px;} .lyNyCase_list ul li:nth-child(3n+3) { margin:0 0 20px;} .lyNyCase_list ul li .lyNyCase_img { height:220px;} } @media (max-width:1200px) { .lyNyCase_list ul li .lyNyCase_img { height:210px;} } @media (max-width:1080px) { .lyNyCase_list ul li .lyNyCase_img { height:180px;} .lyNyCase_list ul li .lyNyCase_time font { height:20px; line-height:20px; font-size:16px;} .lyNyCase_list ul li .lyNyCase_time span { height:34px; line-height:34px; font-size:32px;} .lyNyCase_list ul li .lyNyCase_name a { height:56px; line-height:28px; font-size:18px;} .lyNyCase_list ul li .lyNyCase_ms p { height:48px; line-height:24px; font-size: 14px;} } @media (max-width:1024px) { } @media (max-width:800px) { .lyNyCase_list ul li { width:48.5%; margin:0 3% 20px 0;} .lyNyCase_list ul li:nth-child(3n+3) { margin:0 3% 20px 0;} .lyNyCase_list ul li:nth-child(2n+2) { margin:0 0 20px;} .lyNyCase_list ul li .lyNyCase_img { height:200px;} } @media (max-width: 767px) { .lyNyCase_list ul li { width:100%; margin:0 auto 20px; float:inherit;} .lyNyCase_list ul li:nth-child(2n+2), .lyNyCase_list ul li:nth-child(3n+3) { margin:0 auto 20px;} .lyNyCase_list ul li .lyNyCase_img { height:220px;} .lyNyCase_list ul li .lyNyCase_name a { height:auto; max-height:56px;} .lyNyCase_list ul li .lyNyCase_ms p { height:auto; max-height:48px;} } @media (max-width: 375px) { .lyNyCase_list ul li .lyNyCase_img { height:200px;} } @media (max-width: 320px) { .lyNyCase_list ul li .lyNyCase_img { height:170px;} } /*lyNyCase_list 结束*/ /*lyNy_honor 开始*/ .lyNy_honor{ width:100%; background:#f6f6f6; overflow:hidden; padding:60px 0;} .lyNy_honor_list { height:auto; min-height:320px; margin:0 auto; padding:0;} .lyNy_honor ul li { width:23.5%; height:auto; margin:0 2% 30px 0; padding:0; background-color:#fff; border:1px solid #ddd; border-radius:4px; box-shadow:0 10px 20px rgba(0,0,0,0.05); position:relative; float:left; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNy_honor ul li:nth-child(4n+4) { margin:0 0 30px;} .lyNy_honor ul li .lyNyHonor_img { width:100%; height:300px; overflow:hidden; margin:0 auto; padding:0; position:relative;} .lyNy_honor ul li .lyNyHonor_img img { display:block; max-width:95%; max-height:95%; overflow:hidden; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyNy_honor ul li:hover .lyNyHonor_img img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);} .lyNy_honor ul li .lyNyHonor_name { width:100%; overflow:hidden; margin:0 auto; padding:0;} .lyNy_honor ul li .lyNyHonor_name a { display:block; width:100%; height:60px; overflow:hidden; line-height:59px; color:#333; font-size:18px; text-align:center; white-space:nowrap; text-overflow:ellipsis; border-radius:0 0 4px 4px; margin:0 auto; padding:0 20px; border-top:1px solid #ddd; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNy_honor ul li:hover{ cursor:pointer;} .lyNy_honor ul li:hover .lyNyHonor_name a { color:#2463b2;} @media (max-width:1366px) { .lyNy_honor { padding:50px 0;} } @media (max-width:1280px) { .lyNy_honor { padding:40px 0;} .lyNy_honor ul li { width:23.5%; margin:0 2% 20px 0;} .lyNy_honor ul li:nth-child(4n+4) { margin:0 0 20px;} } @media (max-width:1200px) { } @media (max-width:1080px) { .lyNy_honor ul li { width:32%; margin:0 2% 20px 0;} .lyNy_honor ul li:nth-child(4n+4) { margin:0 2% 20px 0;} .lyNy_honor ul li:nth-child(3n+3) { margin:0 0 20px;} } @media (max-width:1024px) { } @media (max-width:800px) { .lyNy_honor { padding:40px 0;} .lyNy_honor ul li { width:48.5%; margin:0 3% 20px 0;} .lyNy_honor ul li:nth-child(3n+3), .lyNy_honor ul li:nth-child(4n+4) { margin:0 3% 20px 0;} .lyNy_honor ul li:nth-child(2n+2) { margin:0 0 20px;} } @media (max-width: 767px) { .lyNy_honor {padding:40px 0;} .lyNy_honor ul li { width:100%; margin:0 auto 20px; float:inherit;} .lyNy_honor ul li:nth-child(2n+2), .lyNy_honor ul li:nth-child(3n+3), .lyNy_honor ul li:nth-child(4n+4) { margin:0 auto 20px;} } @media (max-width: 375px) { } @media (max-width: 320px) { } /*lyNy_honor 结束*/ /*ly_NyProDetail 开始*/ .ly_NyProDetail{ width:100%; background:#f6f6f6; padding:60px 0;} .pro_detail_bt{ width:100%; text-align:center; font-size:34px; color:#333; margin-bottom:40px;} .pro_detail_bt span{ display:inline-block; width:23%; background:url("../images/pro_titbt_l.png") no-repeat right center; height:32px;} .pro_detail_bt i{ display:inline-block;width:23%; background:url("../images/pro_titbt_r.png") no-repeat left center;height:32px;} .pro_detail_bt h1{ display:inline-block; width:auto; font-weight:bold; max-width:50%; margin:0 2%; height:40px; line-height:40px;} .pro_detail_main { height:auto; margin:0 auto; padding: 50px 40px; background:url("../images/cpxq_cpbj.png") no-repeat; background-size:cover; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .prodetail_list { width:100%; height:auto; margin:0; padding:0; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .prodetail_list .mySwiper2 { width: 100%; height:auto; overflow:visible;} .prodetail_list .mySwiper2 .swiper-slide { opacity: 0.5;} .prodetail_list .mySwiper2 .swiper-slide-active { opacity: 1;} .prodetail_list .mySwiper { width:90px; height: 600px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:absolute; top:0; right:0; overflow:visible;} .prodetail_list .mySwiper .swiper-slide { width: 100%; height:auto !important;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;border:1px solid #fff;box-shadow: 0 10px 20px rgba(20,49,49,0.1);} .prodetail_list .mySwiper .swiper-slide-thumb-active { border:1px solid #2463b2;} .prodetaillist_con { width:40%; height:auto; margin:0 auto; padding:0; position:relative;} .prodetaillist_con .prodetaillist_img { width:100%; height:600px; overflow:hidden; margin:0 auto 0; padding:0; position:relative; background:#fff;box-shadow: 0 10px 20px rgba(20,49,49,0.1);} .prodetaillist_con .prodetaillist_img img { display:block; max-width: 100%; max-height: 100%; overflow: hidden; object-fit: cover; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .prodetaillist_con:hover .prodetaillist_img img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);} .prodetaillist_minimg { width:100%; height:90px; overflow:hidden; margin:0 auto; padding:0; position:relative; background:#fff;} .prodetaillist_minimg img { display:block; max-width: 100%; max-height: 100%; overflow: hidden; object-fit: cover; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; } .prodetail_list .swiper-button-prev, .prodetail_list .swiper-button-next { width:50px!important; height:50px!important; margin:0!important; position:absolute; border-radius:50%; outline:none; border:3px solid #ebebeb;} .prodetail_list .swiper-button-prev { background:url("../images/jt4.png") center center no-repeat; background-size:20px 20px; left:20%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .prodetail_list .swiper-button-next { background:url("../images/jt5.png") center center no-repeat; background-size:20px 20px; right:20%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .prodetail_list .swiper-button-prev:after, .prodetail_list .mySwiper2 .swiper-rtl .swiper-button-next:after { font-size:0;} .prodetail_list .swiper-button-next:after, .prodetail_list .mySwiper2 .swiper-rtl .swiper-button-prev:after { font-size:0;} .prodetail_text .prodetail_logo{ position:absolute; top:60px;} .prodetail_text .prodetail_ssfl{ font-weight:bold; color:#fff; font-size:28px; position:absolute; bottom:60px; max-width:400px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; z-index:99;} .prodetail_text .prodetail_ssfl a{ color:#fff;} .prodetail_text .prodetail_order{ width:254px; height:50px; background:#2463b2; line-height:50px; text-align:center; border-radius:5px; position:absolute; right:35px;bottom:60px; z-index:99;} .prodetail_text .prodetail_order a{ font-size:18px; color:#fff;} .lyNyProDetail{ background:#fff; margin:0 auto; padding:60px 40px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border-top:1px solid #f6f6f6; } /*内页-产品详情 开始*/ .ly_NyProDetail { width:100%; overflow:hidden; margin:0 auto; padding:60px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ly_NyProDetail .lyNyProDetail_con { width:70%; overflow:hidden; float:left;border-right: 1px solid #efefef;padding-right: 70px; background-color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyProDetail_con .lyNyProDetail_ConTit { margin:0 auto 30px; padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyProDetail_ConTit p { width:120px; height:60px; overflow:hidden; line-height:60px; color:#333; font-size:28px; font-weight:bold;margin:0; padding:0; position:relative;} .lyNyProDetail_ConTit p i { display:block; width:28px; height:2px; overflow:hidden; margin:0; padding:0; background-color:#2463b2; position:absolute; left:0; bottom:0;} .lyNyProDetail_con .lyNyProDetail_ConText { width:100%; overflow:hidden; line-height: 30px; color: #333; font-size: 16px; margin:0 auto; padding:5;} .lyNyProDetail_ConText img, .lyNyProDetail_ConText table, .lyNyProDetail_ConText tr, .lyNyProDetail_ConText td, .lyNyProDetail_ConText p, .lyNyProDetail_ConText span, .lyNyProDetail_ConText div, .lyNyProDetail_ConText video, .lyNyProDetail_ConText embed {height:auto !important;max-width:100% !important;max-height: 100%; line-height: 30px; color: #333; font-size: 16px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all;} .lyNyProDetail_ConText div b, .lyNyProDetail_ConText p b { line-height:40px; font-size:36px;} .NyNewsdetail_con p span, .NyNewsdetail_con span, .NyNewsdetail_con p em, .NyNewsdetail_con em { color:#565656!important; font-family:Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif!important; font-size:15px!important;} .lyNyProDetail_ConText table tr td p { text-indent:0!important; margin:0!important; padding:0!important;} .lyNyProDetail_ConText img { display:inline-block; width:auto!important; height:auto!important; max-width:100%; margin:0 auto; padding:0; text-indent:0!important;} .ly_PrevNext { width:100%; overflow:hidden; margin:40px auto; padding:0;} .ly_PrevNext ul li { width:49%; height:60px; overflow:hidden; line-height:40px; color:#333; font-size:18px; white-space:nowrap; text-overflow:ellipsis; margin:0 2% 0 0; padding:10px 20px; background-color:#fff; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ly_PrevNext ul li a { display:inline-block; line-height:40px; color:#333; font-size:18px;} .ly_PrevNext ul li:nth-child(2) { margin:0; text-align:right;} .ly_PrevNext ul li:hover a { color:#2463b2;} .lyNyProDetail_csText{ margin-top:20px;} .lyNyProDetail_csms{ font-size:18px; color:#888; line-height:36px;} .lyNyProDetail_csxq { width:100%; overflow:hidden;background:#f4f7fb;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin:30px 0;} .lyNyProDetail_csxq .csxq_l{ float:left; width:35%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border-right:1px solid #fff;} .lyNyProDetail_csxq .csxq_l dl dt{ background:#2463b2; height:60px; line-height:60px; color:#fff; font-size:20px; text-align:center; border-top-left-radius:15px; font-weight:bold;} .lyNyProDetail_csxq .csxq_l dl dd{ color:#333; font-size:18px; font-weight:bold; text-align:center; height:60px; line-height:60px; border-bottom:1px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .lyNyProDetail_csxq .csxq_r{ float:right; width:65%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .lyNyProDetail_csxq .csxq_r dl dt{ background:#2463b2; height:60px; line-height:60px; color:#fff; font-size:20px; text-align:center; border-top-right-radius:15px; font-weight:bold;} .lyNyProDetail_csxq .csxq_r dl dd{ width:100%; color:#333; font-size:18px; height:60px; line-height:60px; border-bottom:1px solid #fff; padding:0 50px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .lyNyProDetail_csxq .csxq_r dl dd span{ display:inline-block; margin-left:5px; color:#2463b2;} .lyNyProDetail_tjPro { overflow:hidden; margin:40px auto; padding:0;} .lyNyProDetail_tjPro .ProDetail_tjProtit { width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:28px; margin:0 auto 30px; padding:0; font-weight:bold;} .ProDetail_tjProtit img { display:block; width:38px; height:37px; margin:0 10px 0 0; padding:0; float:left;} @media (max-width:1440px){ .ly_NyProDetail .lyNyProDetail_con{ width:68%; padding-right:50px;} } @media (max-width:1280px){ .ly_NyProDetail .lyNyProDetail_con{ width:66%; padding-right:50px;} .prodetail_text .prodetail_ssfl{ max-width:300px;} } @media (max-width:1080px) { .ly_NyProDetail .lyNyProDetail_con{ width:100%; padding:0; border:0;} .lyNyProDetail_ConText div b, .lyNyProDetail_ConText p b { font-size:32px;} .prodetail_text .prodetail_ssfl{ max-width:300px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_NyProDetail .lyNyProDetail_con{ width:100%; padding:0; border:0;} .lyNyProDetail_right .lyNyProDetail_ConTit { margin:0 auto 20px; padding:0;} .pro_detail_main{ padding:100px 40px;} .prodetaillist_con{ width:55%;} .prodetail_list .swiper-button-prev{ left:12%;} .prodetail_list .swiper-button-next{right:12%;} .prodetail_text .prodetail_logo{ top:40px; left:15px;} .prodetail_text .prodetail_ssfl{ bottom:30px; font-size:22px;} .prodetail_text .prodetail_order{ height:45px; line-height:45px; bottom:25px;} .lyNyProDetail{ padding:3%;} .ly_NyProDetail .lyNyProDetail_con{ width:100%; border:0;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_NyProDetail{ padding:40px 0;} .ly_NyProDetail .lyNyProDetail_con { width:100%; padding:0; border:0;} .lyNyProDetail_right .lyNyProDetail_ConTit { margin:0 auto 20px; padding:0;} .pro_detail_main{ padding-bottom:80px;} .prodetaillist_con{ width:60%;} .prodetaillist_con .prodetaillist_img{ height:450px;} .prodetail_list .swiper-button-prev, .prodetail_list .swiper-button-next{ display:none;} .prodetaillist_minimg{ height:70px;} .prodetail_text .prodetail_logo{ width:22%; top:30px; left:15px;} .prodetail_text .prodetail_logo img{ display:block;max-width:80%;} .prodetail_text .prodetail_ssfl{ bottom:20px; font-size:22px;} .prodetail_text .prodetail_order{ height:45px; line-height:45px; bottom:15px;} .lyNyProDetail{ padding:3%;} .pro_detail_bt{ font-size:30px;} } @media (max-width:800px) { .ly_NyProDetail .lyNyProDetail_con { padding: 0; width:100%; border:0;} .ly_PrevNext { margin:20px auto 40px;} .ly_PrevNext ul li { width:100%; margin:0 auto 20px; text-align:left;} .ly_PrevNext ul li:nth-child(2) { text-align:left;} } @media (max-width: 767px) { .ly_NyProDetail{ padding:40px 0;} .pro_detail_main{ padding:4%;} .pro_detail_bt{ font-size:25px; margin-bottom:20px; width:95%;} .pro_detail_bt h1{ width:100%; max-width:100%;overflow: visible;text-overflow: initial;white-space: normal; height:auto;} .prodetaillist_con{ width:100%;} .pro_detail_bt span{ display:none;} .pro_detail_bt i{ display:none;} .prodetaillist_con .prodetaillist_img{ height:350px;} .prodetail_list .swiper-button-prev, .prodetail_list .swiper-button-next{ display:none;} .prodetail_list .mySwiper{ width:100%; height:auto; position:inherit; margin-top:10px;} .prodetaillist_minimg{ height:60px;} .prodetail_text .prodetail_logo{ display:none;} .prodetail_text .prodetail_ssfl{ position:inherit; font-size:24px; margin-top:10px;} .prodetail_text .prodetail_order{ position:inherit; height:45px; line-height:45px; margin:10px 0;} .prodetail_text .prodetail_order a{ font-size:16px;} .lyNyProDetail{ padding:3%;} .lyNyProDetail_con .lyNyProDetail_left, .lyNyProDetail_con .lyNyProDetail_right { width:100%;} .lyNyProDetail_con .lyNyProDetail_right { margin:20px auto 0;} .lyNyProDetail_right .lyNyProDetail_ConTit { margin:0 auto 20px; padding:0;} .lyNyProDetail_right .lyNyProDetail_ConText { max-height:99999999999999999999999px;} .lyNyProDetail_ConText div { max-height:99999999999999999999999px;} .lyNyProDetail_ConText div b, .lyNyProDetail_ConText p b { font-size:26px;} .ly_PrevNext ul li { font-size:15px;} .ly_PrevNext ul li a { font-size:15px;} .lyNyProDetail_csms{ font-size:16px; line-height:30px;} .lyNyProDetail_csxq .csxq_l{width:40%;} .lyNyProDetail_csxq .csxq_l dl dt{height:50px; line-height:50px; font-size:18px;} .lyNyProDetail_csxq .csxq_l dl dd{ font-size:14px;height:50px; line-height:50px;} .lyNyProDetail_csxq .csxq_r{ float:right; width:60%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .lyNyProDetail_csxq .csxq_r dl dt{height:50px; line-height:50px; font-size:18px; } .lyNyProDetail_csxq .csxq_r dl dd{ font-size:14px; height:50px; line-height:50px; padding:0 3%;} } @media (max-width: 325px) { .prodetaillist_con .prodetaillist_img{ height:300px;} .prodetaillist_minimg{ height:50px;} } /*网站右侧漂浮*/ .f_pf1 {position:fixed;bottom:80px;right:2px;z-index:999;} .f_pf1 a.qqa {display:block;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.5);margin-bottom:2px;} .f_pf1 a.qqa:after {content:'';display:block;width:24px;height:24px;background:url("../images/slidebar_icon.png") top center no-repeat;overflow:hidden;margin:9px 10px;} .f_pf1 a.qqa1{display:block;} .f_pf1 a.qqa2{display:none;} .f_pf1 .tela>a {display:block;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.5);margin-bottom:2px;} .f_pf1 .tela>a:after {content:'';display:block;width:24px;height:24px;background: url("../images/slidebar_icon.png") center -27px no-repeat;overflow:hidden;margin:9px 10px;} .f_pf1 .tela .wz {position:absolute;top:40px;left:-224px;z-index:999;display:none;box-shadow: 0 0 10px rgba(0,0,0,.2);} .f_pf1 .tela:hover .wz{display:block;} .f_pf1 .tela p {background:#fff;padding:5px;width:200px;height:40px;overflow:hidden;font-size:18px;font-weight:bold;color:#2463b2;line-height:40px;text-align:center;} .f_pf1 .tela p em {width:0;height:0;border-width:6px 0 6px 6px;border-style:solid;border-color:transparent transparent transparent #fff;margin-top:-4px;position:absolute;top:50%;right:-6px;} .f_pf1 .wxa {position:relative;} .f_pf1 .wxa>span {display:block;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.5);margin-bottom:2px;} .f_pf1 .wxa>span:after {content:'';display:block;width:24px;height:24px;background: url("../images/slidebar_icon.png") center -52px no-repeat;overflow:hidden;margin:9px 10px;} .f_pf1 .wxa .code {position:absolute;top:-44px;left:-144px;z-index:999;display:none;box-shadow: 0 0 10px rgba(0,0,0,.2);} .f_pf1 .wxa:hover .code{display:block;} .f_pf1 .wxa .code p {background:#fff;padding:5px;width:120px;height:120px;overflow:hidden;} .f_pf1 .wxa .code p img {max-width:100%;max-height:100%;} .f_pf1 .wxa .code p em {width:0;height:0;border-width:6px 0 6px 6px;border-style:solid;border-color:transparent transparent transparent #fff;margin-top:-4px;position:absolute;top:50%;right:-6px;} .f_pf1 a.totop {display:block;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.5);margin-bottom:2px;} .f_pf1 a.totop:after {content:'';display:block;width:24px;height:24px;background: url("../images/slidebar_icon.png") center -76px no-repeat;overflow:hidden;margin:9px 10px;} @media (max-width:880px) { .my-kefu-liuyan,.my-kefu-weixin,.my-kefu-tel-right { display:none;} .client-2 {right:0;} .client-2 li { height:48px; position: static; margin:0;} .client-2 .my-kefu-tel-main,.client-2 .my-kefu-main { width:48px;border-radius: 48px; height:40px; padding:4px 0;} .my-kefu-main { background: #2463b2 !important;} .client-2 li a p{ display:none;} .client-2 .my-kefu-left { height:48px;} .client-2 .my-kefu-ftop i { margin: 4px 0 0 8px;} .client-2 .my-kefu-ftop { margin-top:10px;} .client-2 .my-kefu-tel i { margin: 6px 0 0 8px;} .f_pf1 a.qqa1{display:none;} .f_pf1 a.qqa2{display:block;} } /*右侧漂浮 结束*/ /*置顶推荐头条样式*/ .badge-danger { color: #fff; background-color: #dc3545; } .badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; font-size:15px; } .badge-warning { color: #fff; background-color: #39F; } .badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; font-size:15px; } .badge-info { color: #fff; background-color: #F60; } .badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; font-size:15px; } /*置顶推荐头条样式结束*/ /*表格样式*/ .mytab{ border-collapse: collapse; } .mytab table{width:100%;} .mytab tr,.mytab td,.mytab th{ text-align: center; border: 2px solid #BBBBBB; } .mytab th{ background-color: #E6E6E6; } .mytab tr:hover{ background-color: #EEEEEE; } .mytab td ,.mytab th{ padding: 10px; } /*编辑器引用的颜色*/ blockquote { position: relative; margin: 15px 0 20px 0; padding: 10px 45px; border-radius: 5px; border: 2px dashed #1678ff; background-color: #e7faee } blockquote:before { position: absolute; top: 20px; left: 20px; display: block; width: 16px; height: 14px; color: #fff; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) no-repeat; content: '' } blockquote:after { position: absolute; right: 20px; bottom: 20px; display: block; width: 16px; height: 14px; color: #fff; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) -16px 0 no-repeat; content: '' } /*内容H3样式*/ /*.lyNyProDetail_ConText h3{position:relative;margin:20px 0;border-left:5px solid #F60;padding:12px;line-height:20px;background:#edebeb} .ny_newsdetail_con h3{position:relative;margin:20px 0;border-left:5px solid #F60;padding:12px;line-height:20px;background:#edebeb}*/ .lyNyProDetail_ConText h3{background: #f7f7f7;font-size:20px;padding:10px 5px;margin-right:-40px;border-left:5px solid #008bf5;border-top-left-radius: 4px;border-bottom-left-radius: 4px;} .NyNewDetail_text h3{background: #f7f7f7;font-size:20px;padding:10px 5px;margin-right:-40px;border-left:5px solid #008bf5;border-top-left-radius: 4px;border-bottom-left-radius: 4px;} /*blockquote { background-color: #fdfcfc; padding: 5px; margin: 10px 0; border: 1px solid #f3efef; border-left: 5px solid #ddd; font-style:n !important; }*/ p code { background-color: #fdfcfc; padding: 5px; margin: 10px 0; border: 1px solid #f3efef; border-left: 5px solid #ddd; font-style:n !important; }